@shinyongjun/react-datepicker
Version:
DatePicker component in React App.
31 lines • 1.29 kB
JavaScript
'use client';
import { jsx as _jsx } from "react/jsx-runtime";
import { Fragment } from 'react';
import { NAME_SPACE } from '../../constants/core';
import TimePickerSelectorList from './SelectorList';
export default function TimePickerSelector(_a) {
var value = _a.value, timeValue = _a.timeValue, timePicker = _a.timePicker, timeStep = _a.timeStep, onChange = _a.onChange;
var generateArray = function (step, max) {
var hours = [];
for (var i = 0; i <= max; i += step) {
hours.push(i);
}
return hours;
};
var selectors = {
hour: {
items: generateArray(timeStep.hour || 1, 23),
},
minute: {
items: generateArray(timeStep.minute || 1, 59),
},
second: {
items: generateArray(timeStep.second || 1, 59),
},
};
return (_jsx("div", { className: "".concat(NAME_SPACE, "__timepicker-selector"), children: Object.entries(selectors).map(function (_a) {
var key = _a[0], items = _a[1].items;
return (_jsx(Fragment, { children: timePicker[key] && (_jsx(TimePickerSelectorList, { value: value, timeKey: key, items: items, timeValue: timeValue, onChange: onChange })) }, key));
}) }));
}
//# sourceMappingURL=Selector.js.map