@shinyongjun/react-datepicker
Version:
DatePicker component in React App.
19 lines • 1.28 kB
JavaScript
'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { NAME_SPACE } from '../../constants/core';
import { formatDate } from '../../utils/datetime';
export default 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 (_jsxs("div", { className: "".concat(NAME_SPACE, "__input-container"), ref: inputRef, "aria-disabled": disabled, children: [_jsx("button", { type: "button", className: "".concat(NAME_SPACE, "__input-value"), onClick: triggerHandler, disabled: disabled, "data-active": isVisible, children: _jsx("span", { className: "".concat(NAME_SPACE, "__input-value-text"), children: formatDate(value, valueFormat) }) }), useClearButton && (_jsx("button", { type: "button", className: "".concat(NAME_SPACE, "__clear"), onClick: clearHandler, children: "Clear" }))] }));
}
//# sourceMappingURL=DatePickerInput.js.map