@undp/design-system-react/dist/DateTimeRangePicker.cjs

React based design system for UNDP

Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./arrow-right-Cxlbw8LS.cjs"),t=require("./DateTimePicker.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({disablePopover:i,classNames:a,variant:o,inputSize:s,rounded:c,onValueChange:l,value:u,defaultValue:d,disabled:f}){let[p,m]=(0,n.useState)(u?.startDate||d?.startDate||void 0),[h,g]=(0,n.useState)(u?.endDate||d?.endDate||void 0);return(0,n.useEffect)(()=>{l?.({startDate:p,endDate:h})},[p,h,l]),(0,r.jsxs)(`div`,{className:`flex w-full items-center gap-2`,children:[(0,r.jsx)(t.DateTimePicker,{onValueChange:e=>{m(e)},placeHolder:`Start date and time`,rounded:c,disablePopover:i,variant:o,inputSize:s,classNames:a,disabled:e=>{let t=h?e.getDate()>h.getDate():!1;return typeof f==`function`?f(e)||t:Array.isArray(f)&&f.some(t=>typeof t==`function`&&t(e))||t},disabledHours:h&&h?.getDate()===p?.getDate()?Array.from({length:24},(e,t)=>t).filter(e=>e>h.getHours()):[],disabledMinutes:h&&h?.getDate()===p?.getDate()?Array.from({length:60},(e,t)=>t).filter(e=>e>h.getMinutes()):[]}),(0,r.jsx)(`div`,{className:`size-4 text-input-border`,children:(0,r.jsx)(e.t,{size:16})}),(0,r.jsx)(t.DateTimePicker,{onValueChange:e=>{g(e)},placeHolder:`End date and time`,rounded:c,disablePopover:i,variant:o,inputSize:s,classNames:a,disabled:e=>{let t=p?e.getDate()<p.getDate():!1;return typeof f==`function`?f(e)||t:Array.isArray(f)&&f.some(t=>typeof t==`function`&&t(e))||t},disabledHours:p&&h?.getDate()===p.getDate()?Array.from({length:24},(e,t)=>t).filter(e=>e<p.getHours()):[],disabledMinutes:p&&h?.getDate()===p.getDate()?Array.from({length:60},(e,t)=>t).filter(e=>e<p.getMinutes()):[]})]})}exports.DateTimeRangePicker=i;
//# sourceMappingURL=DateTimeRangePicker.cjs.map