@abbl/material-calendar
Version:
Calendar component build with React and Material-UI
82 lines • 2.81 kB
JavaScript
import { addDays, addMonths, addWeeks, addYears, endOfDay, endOfMonth, endOfWeek, startOfDay, startOfMonth, startOfWeek, } from 'date-fns';
import DayView from './day/DayView';
import MonthView from './month/MonthView';
import WeekView from './week/WeekView';
import YearView from './year/YearView';
var defaultViews = [
{
name: {
'pl-PL': 'Dzień',
},
component: DayView,
onDateChange: function (dateChangeAction, highlightDate) { return addDays(highlightDate, dateChangeAction); },
getDateRange: function (highlightDate) {
return {
from: startOfDay(highlightDate),
till: endOfDay(highlightDate),
};
},
},
{
name: {
'pl-PL': 'Tydzień',
},
component: WeekView,
onDateChange: function (dateChangeAction, highlightDate) { return addWeeks(highlightDate, dateChangeAction); },
getDateRange: function (highlightDate) {
return {
from: startOfWeek(highlightDate),
till: endOfWeek(highlightDate),
};
},
},
{
name: {
'pl-PL': 'Miesiąc',
},
component: MonthView,
onDateChange: function (dateChangeAction, highlightDate) { return addMonths(highlightDate, dateChangeAction); },
getDateRange: function (highlightDate) {
return {
from: startOfMonth(highlightDate),
till: endOfMonth(highlightDate),
};
},
},
// ********************************************
// THIS VIEW IS STILL IN EXPERIMENTAL PHASE,
// SO IT'S NOT YET A PART OF DEFAULT VIEWS
// ********************************************
//
// {
// name: {
// 'pl-PL': 'Harmonogram',
// },
// component: ScheduleView,
// onDateChange: (dateChangeAction, highlightDate) => addMonths(highlightDate, dateChangeAction),
// getDateRange: (highlightDate) => {
// return {
// from: startOfMonth(highlightDate),
// till: endOfMonth(highlightDate),
// };
// },
// },
{
name: {
'pl-PL': 'Rok',
},
component: YearView,
getHighlightDateDescription: function (date) {
return String(date.getFullYear());
},
onDateChange: function (dateChangeAction, highlightDate) { return addYears(highlightDate, dateChangeAction); },
getDateRange: function (highlightDate) {
return {
from: startOfDay(highlightDate),
till: endOfDay(highlightDate),
};
},
},
];
export default defaultViews;
//# sourceMappingURL=DefaultViews.js.map