indproblr-react-datepicker
Version:
Flexible, Reusable, Mobile friendly DatePicker Component
19 lines • 1.22 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, 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" }, prevIcon && (React.createElement("button", { onClick: onPrev, className: "calendar__head--button", type: "button" },
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" }, nextIcon && (React.createElement("button", { onClick: onNext, className: "calendar__head--button", type: "button" },
React.createElement(SVGIcon_1.default, { id: "right-arrow" }))))));
};
CalendarHead.defaultProps = defaultProps;
exports.default = CalendarHead;
//# sourceMappingURL=CalendarHead.js.map