@shinyongjun/react-datepicker
Version:
DatePicker component in React App.
22 lines • 1.48 kB
JavaScript
;
'use client';
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = DatePickerInput;
var jsx_runtime_1 = require("react/jsx-runtime");
var core_1 = require("../../constants/core");
var datetime_1 = require("../../utils/datetime");
function DatePickerInput(_a) {
var value = _a.value, onChange = _a.onChange, valueFormat = _a.valueFormat, inputRef = _a.inputRef, useClearButton = _a.useClearButton, disabled = _a.disabled, isVisible = _a.isVisible, setIsVisible = _a.setIsVisible;
var triggerHandler = function () {
if (disabled)
return;
setIsVisible(true);
};
var clearHandler = function () {
if (onChange) {
onChange(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"), onClick: triggerHandler, disabled: disabled, "data-active": isVisible, children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(core_1.NAME_SPACE, "__input-value-text"), children: (0, datetime_1.formatDate)(value, valueFormat) }) }), useClearButton && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "".concat(core_1.NAME_SPACE, "__clear"), onClick: clearHandler, children: "Clear" }))] }));
}
//# sourceMappingURL=DatePickerInput.js.map