react-datepicker-configurable
Version:
Flexible, Reusable, Mobile friendly DatePicker Component
17 lines • 1.29 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var SVGIcon_1 = require("./SVGIcon");
var defaultProps = {
title: '',
};
var CalendarHead = function (_a) {
var onPrev = _a.onPrev, onNext = _a.onNext, shouldShowPrevIcon = _a.shouldShowPrevIcon, shouldShowNextIcon = _a.shouldShowNextIcon, prevIcon = _a.prevIcon, nextIcon = _a.nextIcon, title = _a.title, onTitleClick = _a.onTitleClick;
return (React.createElement("div", { className: "calendar__head" },
React.createElement("div", { className: "calendar__head--prev" }, shouldShowPrevIcon && (React.createElement("button", { onClick: onPrev, className: "calendar__head--button" }, prevIcon ? prevIcon : React.createElement(SVGIcon_1.default, { id: "left-arrow" })))),
React.createElement("h2", { className: "calendar__head--title", onClick: onTitleClick }, title),
React.createElement("div", { className: "calendar__head--next" }, shouldShowNextIcon && (React.createElement("button", { onClick: onNext, className: "calendar__head--button" }, nextIcon ? nextIcon : React.createElement(SVGIcon_1.default, { id: "right-arrow" }))))));
};
CalendarHead.defaultProps = defaultProps;
exports.default = CalendarHead;
//# sourceMappingURL=CalendarHead.js.map