diff --git a/samples/react-calendar/src/webparts/calendar/components/Calendar.tsx b/samples/react-calendar/src/webparts/calendar/components/Calendar.tsx index f807fb583..c511c767f 100644 --- a/samples/react-calendar/src/webparts/calendar/components/Calendar.tsx +++ b/samples/react-calendar/src/webparts/calendar/components/Calendar.tsx @@ -12,7 +12,7 @@ import { CommunicationColors , FluentCustomizations, FluentTheme } from '@uifa import CalendarToolbar from './CustomToolbar'; import Year from './Year'; -import { Calendar as OriCalendar, momentLocalizer } from 'react-big-calendar'; +import { Calendar as MyCalendar, momentLocalizer } from 'react-big-calendar'; import { Customizer, @@ -342,7 +342,7 @@ export default class Calendar extends React.Component {this.state.isloading ? :
- - {/* `+${total} ${strings.showMore}`, - } - } - />*/}
} diff --git a/samples/react-calendar/src/webparts/calendar/components/Year.module.scss b/samples/react-calendar/src/webparts/calendar/components/Year.module.scss index d1bd62b1d..2b2896eb3 100644 --- a/samples/react-calendar/src/webparts/calendar/components/Year.module.scss +++ b/samples/react-calendar/src/webparts/calendar/components/Year.module.scss @@ -12,7 +12,6 @@ .monthName { color: $ms-color-themeDark; - //color: #ccbe88; font-weight: bold; } @@ -35,16 +34,16 @@ .date.inMonth:hover { cursor: pointer; - //background: #ccbe88; background: $ms-color-themeDark; + color: white; + font-weight: bold; } .today { - //background: #ccbe88; background: $ms-color-themeDark; } -.date.prev-month, -.date.next-month { +.date.prevMonth, +.date.nextMonth { color: grey; -} \ No newline at end of file +} diff --git a/samples/react-calendar/src/webparts/calendar/components/Year.tsx b/samples/react-calendar/src/webparts/calendar/components/Year.tsx index 376f6d879..d8cfa856d 100644 --- a/samples/react-calendar/src/webparts/calendar/components/Year.tsx +++ b/samples/react-calendar/src/webparts/calendar/components/Year.tsx @@ -44,7 +44,7 @@ function CalendarDate(props) { if (dateToRender.month() < dateOfMonth.month()) { return ( - ); @@ -52,7 +52,7 @@ function CalendarDate(props) { if (dateToRender.month() > dateOfMonth.month()) { return ( - ); @@ -113,8 +113,7 @@ class YearCalendar extends React.Component
- {/*this.state.calendar.currentDate.format('MMMM').toUpperCase()*/} - {this.state.calendar.currentDate.lang("en").format('MMMM','en').toUpperCase()} + {this.state.calendar.currentDate.format('MMMM').toUpperCase()}
{['S', 'M', 'T', 'W', 'T', 'F', 'S'].map((day, index) => ( @@ -129,7 +128,7 @@ class YearCalendar extends React.Component { - this.openView(obj.toDate(), "day", e) //open day-view + this.openView(obj.toDate(), "day", e); //open day-view } } /> @@ -141,7 +140,7 @@ class YearCalendar extends React.Component { - e.preventDefault() + e.preventDefault(); this.props.onDrillDown(date, view); }