Stefan Hacker
24 lines
1.9 KiB
JavaScript
24 lines
1.9 KiB
JavaScript
define(["require", "exports", "react", "@fluentui/utilities", "@fluentui/date-time-utilities"], function (require, exports, React, utilities_1, date_time_utilities_1) {
|
|
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.CalendarMonthHeaderRow = void 0;
|
|
var CalendarMonthHeaderRow = function (props) {
|
|
var showWeekNumbers = props.showWeekNumbers, strings = props.strings, firstDayOfWeek = props.firstDayOfWeek, allFocusable = props.allFocusable, weeksToShow = props.weeksToShow, weeks = props.weeks, classNames = props.classNames;
|
|
var dayLabels = strings.shortDays.slice();
|
|
var firstOfMonthIndex = (0, utilities_1.findIndex)(weeks[1], function (day) { return day.originalDate.getDate() === 1; });
|
|
if (weeksToShow === 1 && firstOfMonthIndex >= 0) {
|
|
// if we only show one week, replace the header with short month name
|
|
var firstOfMonthIndexOffset = (firstOfMonthIndex + firstDayOfWeek) % date_time_utilities_1.DAYS_IN_WEEK;
|
|
dayLabels[firstOfMonthIndexOffset] = strings.shortMonths[weeks[1][firstOfMonthIndex].originalDate.getMonth()];
|
|
}
|
|
return (React.createElement("tr", null,
|
|
showWeekNumbers && React.createElement("th", { className: classNames.dayCell }),
|
|
dayLabels.map(function (val, index) {
|
|
var i = (index + firstDayOfWeek) % date_time_utilities_1.DAYS_IN_WEEK;
|
|
var label = strings.days[i];
|
|
return (React.createElement("th", { className: (0, utilities_1.css)(classNames.dayCell, classNames.weekDayLabelCell), scope: "col", key: dayLabels[i] + ' ' + index, title: label, "aria-label": label, "data-is-focusable": allFocusable ? true : undefined }, dayLabels[i]));
|
|
})));
|
|
};
|
|
exports.CalendarMonthHeaderRow = CalendarMonthHeaderRow;
|
|
});
|
|
//# sourceMappingURL=CalendarMonthHeaderRow.js.map
|