koval-ui
Version:
React components collection with minimalistic design. Supports theming, layout, and input validation.
3 lines (2 loc) • 928 B
JavaScript
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react");;/* empty css */const i=require("./Dialog.module.css.cjs"),d=require("../../FormField/FormField.cjs"),m=require("../../InputDate/InputDate.cjs"),b=({value:a,onChange:o})=>{const[l,n]=t.useState(a);t.useEffect(()=>{n(a)},[a]);const[s,u]=l,g=t.useCallback(r=>{const c=[r.target.value,u];n(c)},[u]),F=t.useCallback(r=>{const c=[s,r.target.value];n(c)},[s]);return t.useEffect(()=>{o(l)},[o,l]),e.jsxs("div",{className:i.default.numberRange,children:[e.jsx(d.FormField,{className:i.default.numberField,label:"From:",children:e.jsx(m.InputDate,{value:s??"",onChange:g})}),e.jsx(d.FormField,{className:i.default.numberField,label:"To:",children:e.jsx(m.InputDate,{value:u||"",onChange:F})})]})};exports.DateRangeField=b;
//# sourceMappingURL=DateRangeField.cjs.map