Skip to content

Commit 79b0e58

Browse files
fix(calendar-web): update preview mode with calendar scss
1 parent ea788ff commit 79b0e58

File tree

2 files changed

+6
-4
lines changed

2 files changed

+6
-4
lines changed

packages/pluggableWidgets/calendar-web/src/Calendar.editorPreview.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,12 @@ import { ReactElement, createElement } from "react";
44
import { Calendar, dateFnsLocalizer } from "react-big-calendar";
55
import { CalendarPreviewProps } from "../typings/CalendarProps";
66
import { CustomToolbar } from "./components/Toolbar";
7-
import "react-big-calendar/lib/css/react-big-calendar.css";
87
import { constructWrapperStyle, WrapperStyleProps } from "./utils/style-utils";
98
import { eventPropGetter } from "./utils/calendar-utils";
109

10+
import "react-big-calendar/lib/css/react-big-calendar.css";
11+
import "./ui/Calendar.scss";
12+
1113
const localizer = dateFnsLocalizer({
1214
format: dateFns.format,
1315
parse: dateFns.parse,

packages/pluggableWidgets/calendar-web/src/components/Toolbar.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import "react-big-calendar/lib/css/react-big-calendar.css";
88
export function CustomToolbar({ label, localizer, onNavigate, onView, view, views }: ToolbarProps): ReactElement {
99
return (
1010
<div className="calendar-toolbar">
11-
<div className="align-left btn-group">
11+
<div className="btn-group">
1212
<Button className="btn btn-default" onClick={() => onNavigate(Navigate.PREVIOUS)}>
1313
<IconInternal icon={{ type: "glyph", iconClass: "glyphicon-backward" }} />
1414
</Button>
@@ -20,11 +20,11 @@ export function CustomToolbar({ label, localizer, onNavigate, onView, view, view
2020
</Button>
2121
</div>
2222

23-
<div className="align-center btn-group">
23+
<div className="btn-group">
2424
<span className="calendar-label">{label}</span>
2525
</div>
2626

27-
<div className="align-right btn-group">
27+
<div className="btn-group">
2828
{Array.isArray(views) &&
2929
views.map(name => {
3030
return (

0 commit comments

Comments
 (0)