@shinyongjun/react-datepicker
Version:
DatePicker component in React App.
25 lines • 2.2 kB
JavaScript
;
'use client';
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = RangePickerInput;
var jsx_runtime_1 = require("react/jsx-runtime");
var core_1 = require("../../constants/core");
var datetime_1 = require("../../utils/datetime");
function RangePickerInput(_a) {
var valueFormat = _a.valueFormat, startValue = _a.startValue, endValue = _a.endValue, setIsVisible = _a.setIsVisible, inputRef = _a.inputRef, isVisible = _a.isVisible, useClearButton = _a.useClearButton, disabled = _a.disabled, onChangeStart = _a.onChangeStart, onChangeEnd = _a.onChangeEnd;
var triggerHandler = function (type) {
if (disabled)
return;
setIsVisible(type);
};
var clearHandler = function () {
if (onChangeStart) {
onChangeStart(null);
}
if (onChangeEnd) {
onChangeEnd(null);
}
};
return ((0, jsx_runtime_1.jsxs)("div", { className: "".concat(core_1.NAME_SPACE, "__input-container"), ref: inputRef, "aria-disabled": disabled, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "".concat(core_1.NAME_SPACE, "__input-value"), "data-active": isVisible === 'start', onClick: function () { return triggerHandler('start'); }, disabled: disabled, children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(core_1.NAME_SPACE, "__input-value-text"), children: (0, datetime_1.formatDate)(startValue, valueFormat) }) }), (0, jsx_runtime_1.jsx)("div", { className: "".concat(core_1.NAME_SPACE, "__input-range-separator"), children: " ~ " }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "".concat(core_1.NAME_SPACE, "__input-value"), "data-active": isVisible === 'end', onClick: function () { return triggerHandler('end'); }, disabled: disabled, children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(core_1.NAME_SPACE, "__input-value-text"), children: (0, datetime_1.formatDate)(endValue, valueFormat) }) }), useClearButton && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "".concat(core_1.NAME_SPACE, "__clear"), onClick: clearHandler, children: "Clear" }))] }));
}
//# sourceMappingURL=RangePickerInput.js.map