@preamp/datepicker/lib/custom/CustomNavBar.js

VideoAmp's Component library

import * as React from 'react';
import { KeyboardArrowLeft, KeyboardArrowRight, Signal } from '@preamp/signal';
import dateFnsFormat from 'date-fns/format';
import subMonths from 'date-fns/sub_months';
import { MONTH_YEAR_FORMAT, VADatePickerClassNamesMap, VADateRangeClassNamesMap } from '../constants';
export const CustomNavBar = (dataUI) => {
    function CustomNavBarElement(props) {
        const onPreviousClick = () => props.onPreviousClick();
        const onNextClick = () => props.onNextClick();
        const isDateRange = props.className &&
            props.className === VADateRangeClassNamesMap.navBar;
        return (React.createElement("div", { className: VADatePickerClassNamesMap.navBar, "data-ui": dataUI, id: props.id, style: props.style, tabIndex: -1 },
            React.createElement("button", { className: VADatePickerClassNamesMap.navButtonPrev, "data-ui": `${dataUI}_nav-bar_previous-btn`, onClick: onPreviousClick, tabIndex: -1 },
                React.createElement(Signal, { className: VADatePickerClassNamesMap.navIconLeft, icon: KeyboardArrowLeft })),
            React.createElement("div", { className: isDateRange
                    ? VADateRangeClassNamesMap.navBarTitle
                    : VADatePickerClassNamesMap.navBarTitle },
                React.createElement("h4", null, dateFnsFormat(props.month, MONTH_YEAR_FORMAT)),
                isDateRange && (React.createElement("h4", null, dateFnsFormat(subMonths(props.nextMonth, 1), MONTH_YEAR_FORMAT)))),
            React.createElement("button", { className: VADatePickerClassNamesMap.navButtonNext, "data-ui": `${dataUI}_nav-bar_next-btn`, onClick: onNextClick, tabIndex: -1 },
                React.createElement(Signal, { className: VADatePickerClassNamesMap.navIconRight, icon: KeyboardArrowRight }))));
    }
    return CustomNavBarElement;
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ3VzdG9tTmF2QmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vY3VzdG9tL0N1c3RvbU5hdkJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFL0IsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQy9FLE9BQU8sYUFBYSxNQUFNLGlCQUFpQixDQUFDO0FBQzVDLE9BQU8sU0FBUyxNQUFNLHFCQUFxQixDQUFDO0FBRTVDLE9BQU8sRUFDSCxpQkFBaUIsRUFDakIseUJBQXlCLEVBQ3pCLHdCQUF3QixFQUMzQixNQUFNLGNBQWMsQ0FBQztBQTBCdEIsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFrQyxDQUN2RCxNQUFjLEVBQ1gsRUFBRTtJQUNMLFNBQVMsbUJBQW1CLENBQUMsS0FBa0I7UUFDM0MsTUFBTSxlQUFlLEdBQWUsR0FBUyxFQUFFLENBQUMsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hFLE1BQU0sV0FBVyxHQUFlLEdBQVMsRUFBRSxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUVoRSxNQUFNLFdBQVcsR0FDYixLQUFLLENBQUMsU0FBUztZQUNmLEtBQUssQ0FBQyxTQUFTLEtBQUssd0JBQXdCLENBQUMsTUFBTSxDQUFDO1FBRXhELE9BQU8sQ0FDSCw2QkFDSSxTQUFTLEVBQUUseUJBQXlCLENBQUMsTUFBTSxhQUNsQyxNQUFNLEVBQ2YsRUFBRSxFQUFFLEtBQUssQ0FBQyxFQUFFLEVBQ1osS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQ2xCLFFBQVEsRUFBRSxDQUFDLENBQUM7WUFFWixnQ0FDSSxTQUFTLEVBQUUseUJBQXlCLENBQUMsYUFBYSxhQUN6QyxHQUFHLE1BQU0sdUJBQXVCLEVBQ3pDLE9BQU8sRUFBRSxlQUFlLEVBQ3hCLFFBQVEsRUFBRSxDQUFDLENBQUM7Z0JBRVosb0JBQUMsTUFBTSxJQUNILFNBQVMsRUFBRSx5QkFBeUIsQ0FBQyxXQUFXLEVBQ2hELElBQUksRUFBRSxpQkFBaUIsR0FDekIsQ0FDRztZQUNULDZCQUNJLFNBQVMsRUFDTCxXQUFXO29CQUNQLENBQUMsQ0FBQyx3QkFBd0IsQ0FBQyxXQUFXO29CQUN0QyxDQUFDLENBQUMseUJBQXlCLENBQUMsV0FBVztnQkFHL0MsZ0NBQUssYUFBYSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsaUJBQWlCLENBQUMsQ0FBTTtnQkFDdkQsV0FBVyxJQUFJLENBQ1osZ0NBQ0ssYUFBYSxDQUNWLFNBQVMsQ0FBQyxLQUFLLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUM3QixpQkFBaUIsQ0FDcEIsQ0FDQSxDQUNSLENBQ0M7WUFDTixnQ0FDSSxTQUFTLEVBQUUseUJBQXlCLENBQUMsYUFBYSxhQUN6QyxHQUFHLE1BQU0sbUJBQW1CLEVBQ3JDLE9BQU8sRUFBRSxXQUFXLEVBQ3BCLFFBQVEsRUFBRSxDQUFDLENBQUM7Z0JBRVosb0JBQUMsTUFBTSxJQUNILFNBQVMsRUFBRSx5QkFBeUIsQ0FBQyxZQUFZLEVBQ2pELElBQUksRUFBRSxrQkFBa0IsR0FDMUIsQ0FDRyxDQUNQLENBQ1QsQ0FBQztJQUNOLENBQUM7SUFFRCxPQUFPLG1CQUFtQixDQUFDO0FBQy9CLENBQUMsQ0FBQyJ9