@rnwonder/react-date-picker
Version:
A simple and reusable Datepicker component for ReactJS ([Demo](https://stackblitz.com/edit/solidjs-templates-dof6jl?file=src%2FApp.tsx))
2 lines (1 loc) • 3.09 kB
JavaScript
;const e=require("react/jsx-runtime"),l=require("../Popover/index.js"),i=require("../TimeAnalogGroup/index.js"),n=require("../../node_modules/.pnpm/@rnwonder_simple-datejs@1.0.8/node_modules/@rnwonder/simple-datejs/dist/utils.js"),o=require("../../node_modules/.pnpm/@rnwonder_simple-datejs@1.0.8/node_modules/@rnwonder/simple-datejs/dist/format-CMbjATj9.js"),s=require("../../utils/class.js"),d=require("react"),u=require("../Helpers/Show.js");module.exports=r=>{var a,t;const[c,p]=d.useState(!1),[m,w]=d.useState({value:{},label:""}),v=d.useCallback(((e,l)=>{var i,s,d,u,a,t,c,p,m,v,h,j;console.log("here");const x=r.setValue||w;let V="",k="";r.allowedView||(V=`${o.n(e.hour)}:${o.o(e.minute)}`,k=l),(null==(i=r.allowedView)?void 0:i.includes("hour"))?(V=`${o.n(e.hour)}`,k=l,((null==(s=r.allowedView)?void 0:s.includes("minute"))&&(e.minute||void 0!==e.minute)||(null==(d=r.allowedView)?void 0:d.includes("second"))&&(e.second||void 0!==e.second))&&(V+=":")):((null==(u=r.allowedView)?void 0:u.includes("minute"))&&!(null==(a=r.allowedView)?void 0:a.includes("second"))&&(k=1===e.minute?"min":"mins"),(null==(t=r.allowedView)?void 0:t.includes("second"))&&!(null==(c=r.allowedView)?void 0:c.includes("minute"))&&(k=1===e.second?"sec":"secs"),(null==(p=r.allowedView)?void 0:p.includes("second"))&&(null==(m=r.allowedView)?void 0:m.includes("minute"))&&(k=1===e.second?"sec":"secs")),(null==(v=r.allowedView)?void 0:v.includes("minute"))&&(V+=`${o.o(e.minute)}`,(null==(h=r.allowedView)?void 0:h.includes("second"))&&(e.second||void 0!==e.second)&&(V+=":")),(null==(j=r.allowedView)?void 0:j.includes("second"))&&(V+=`${o.o(e.second)}`),V+=` ${k}`,x({value:{...e,hour:void 0!==e.hour?n.convert12HourTo24Hour(e.hour,l):void 0},label:V})}),[r.allowedView,r.setValue]),h=d.useCallback((()=>{p(!0)}),[]),j=(l=>{if(l){if("function"==typeof l){const i=l({value:r.value||m,showTime:h});return e.jsx(e.Fragment,{children:i})}return e.jsx(e.Fragment,{children:l})}})(r.renderInput);return e.jsx(l.Popover,{isShown:c,setIsShown:p,handleChildrenClick:j?()=>{}:void 0,onClose:()=>{var e;null==(e=r.onClose)||e.call(r)},onOpen:()=>{var e;null==(e=r.onOpen)||e.call(r)},content:({close:l})=>{var n;return e.jsx(i.TimeAnalogGroup,{...r,value:(null==(n=r.value)?void 0:n.value)||m.value,handleTimeChange:v,close:l,setIsShown:p})},positionX:r.pickerPositionX,positionY:r.pickerPositionY,zIndex:r.zIndex,width:r.inputWrapperWidth,className:s.cn(r.inputWrapperClass,"time-picker-input-wrapper"),children:e.jsxs("div",{className:"time-picker-input-area","data-time-picker-input-area":!0,"data-scope":"time-picker","data-part":"control",children:[e.jsx(u,{when:!!j,children:j}),e.jsx(u,{when:!j,children:e.jsx("input",{readOnly:!0,"data-scope":"time-picker","data-type":"time-picker-input","data-part":"input","aria-label":"time picker input",placeholder:r.placeholder,type:"text",value:r.inputLabel||(null==(a=r.value)?void 0:a.label)||m.label,...{...r.inputProps,class:void 0},className:s.cn("time-picker-input rn-w-full rn-px-1",null==(t=r.inputProps)?void 0:t.className,r.inputClass)})})]})})};