UNPKG

reactstrap-date-picker

Version:

Reactstrap based, zero dependencies, date picker

98 lines (97 loc) 3.63 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _react = _interopRequireWildcard(require("react")); var _reactstrap = require("reactstrap"); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } var _getYearList = (minDate, maxDate) => { var minYear = minDate ? new Date(minDate).getFullYear() : 1970; var maxYear = maxDate ? new Date(maxDate).getFullYear() : 2045; var yList = []; for (var y = minYear; y <= maxYear; y++) { yList.push(y); } return yList; }; var PickMonthDefault = _ref => { var { displayDate, minDate, maxDate, monthLabels, onChangeMonth, onChangeYear } = _ref; var [month, setMonth] = (0, _react.useState)(new Date(displayDate).getMonth()); var [year, setYear] = (0, _react.useState)(new Date(displayDate).getFullYear()); var [yearList, setYearList] = (0, _react.useState)(_getYearList(minDate, maxDate)); (0, _react.useEffect)(() => { setMonth(new Date(displayDate).getMonth()); setYear(new Date(displayDate).getFullYear()); }, [displayDate]); (0, _react.useEffect)(() => { setYearList(_getYearList(minDate, maxDate)); }, [minDate, maxDate]); var handleChangeMonth = ev => { var m = ev.target.value; setMonth(m); onChangeMonth(m); }; var handleChangeYear = ev => { var y = ev.target.value; setYear(y); onChangeYear(y); }; return /*#__PURE__*/_react.default.createElement("div", { className: "rdp-header-pick-month-default", style: { display: 'flex', flexFlow: 'row', flexWrap: 'nowrap' } }, /*#__PURE__*/_react.default.createElement("div", { className: "rdp-header-pick-month-default-month", style: { flex: '2 1 auto' } }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, { type: "select", name: "rdp-header-pick-month-default-month", style: { lineHeight: "1.5", fontSize: "0.875rem", padding: "0.2rem" }, value: month, onChange: handleChangeMonth }, monthLabels.map((lmonth, lidx) => { return /*#__PURE__*/_react.default.createElement("option", { key: "month_".concat(lidx), value: lidx }, lmonth); }))), /*#__PURE__*/_react.default.createElement("div", { className: "rdp-header-pick-month-default-year", style: { flex: '1 1 67px' } }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, { type: "select", name: "rdp-header-pick-month-default-year", style: { lineHeight: "1.5", fontSize: "0.875rem", padding: "0.2rem" }, value: year, onChange: handleChangeYear }, yearList.map(lyear => { return /*#__PURE__*/_react.default.createElement("option", { key: "year".concat(lyear), value: lyear }, lyear); })))); }; var _default = exports.default = PickMonthDefault;