@coreui/react-pro/dist/cjs/components/calendar/CCalendarNavigation.js

UI Components Library for React.js

'use strict';

var React = require('react');

const CCalendarNavigation = React.forwardRef(({ ariaNavNextMonthLabel, ariaNavNextYearLabel, ariaNavPrevMonthLabel, ariaNavPrevYearLabel, calendarDate, locale, navigation, navNextDoubleIcon, navNextIcon, navPrevDoubleIcon, navPrevIcon, navYearFirst, onMonthClick, onNavigationClick, onYearClick, view, }, ref) => {
    return (React.createElement("div", { className: "calendar-nav", ref: ref },
        navigation && (React.createElement("div", { className: "calendar-nav-prev" },
            React.createElement("button", { type: "button", className: "calendar-nav-btn", "aria-label": ariaNavPrevYearLabel, onClick: () => onNavigationClick('prev', true) }, navPrevDoubleIcon !== null && navPrevDoubleIcon !== void 0 ? navPrevDoubleIcon : (React.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-double-prev" }))),
            view === 'days' && (React.createElement("button", { type: "button", className: "calendar-nav-btn", "aria-label": ariaNavPrevMonthLabel, onClick: () => onNavigationClick('prev') }, navPrevIcon !== null && navPrevIcon !== void 0 ? navPrevIcon : React.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-prev" }))))),
        React.createElement("div", Object.assign({ className: "calendar-nav-date", "aria-live": "polite" }, (navYearFirst && { style: { display: 'flex', justifyContent: 'center' } })),
            view === 'days' && (React.createElement("button", { type: "button", className: "calendar-nav-btn", onClick: () => navigation && onMonthClick() }, calendarDate && calendarDate.toLocaleDateString(locale, { month: 'long' }))),
            React.createElement("button", Object.assign({ type: "button", className: "calendar-nav-btn", onClick: () => navigation && onYearClick() }, (navYearFirst && { style: { order: '-1' } })), calendarDate && calendarDate.toLocaleDateString(locale, { year: 'numeric' }))),
        navigation && (React.createElement("div", { className: "calendar-nav-next" },
            view === 'days' && (React.createElement("button", { type: "button", className: "calendar-nav-btn", "aria-label": ariaNavNextMonthLabel, onClick: () => onNavigationClick('next') }, navNextIcon !== null && navNextIcon !== void 0 ? navNextIcon : React.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-next" }))),
            React.createElement("button", { type: "button", className: "calendar-nav-btn", "aria-label": ariaNavNextYearLabel, onClick: () => onNavigationClick('next', true) }, navNextDoubleIcon !== null && navNextDoubleIcon !== void 0 ? navNextDoubleIcon : (React.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-double-next" })))))));
});
CCalendarNavigation.displayName = 'CCalendarNavigation';

exports.CCalendarNavigation = CCalendarNavigation;
//# sourceMappingURL=CCalendarNavigation.js.map