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