@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) • 1.15 kB
JavaScript
"use strict";const e=require("react/jsx-runtime"),r=require("./YearSelector/index.js"),o=require("./Popover/index.js"),t=require("./SelectorTwo/index.js"),s=require("../utils/class.js"),l=require("../node_modules/.pnpm/@rnwonder_simple-datejs@1.0.8/node_modules/@rnwonder/simple-datejs/dist/general-D5nVjUqG.js"),c=require("react");module.exports=n=>{const[a,S]=c.useState(!1),[i,u]=c.useState(t.defaultSelectorProps),[d,w]=c.useState(l.s);return e.jsx(e.Fragment,{children:"compact-dropdown"===n.yearSelectorType?e.jsx(r.YearSelector,{...n,setSelectorTwoProps:u,setShowSelectorTwo:S,showSelectorTwo:a,yearSelectorCount:n.yearSelectorCount||20}):e.jsx(o.Popover,{content:({close:r})=>e.jsx("div",{className:s.cn("\n rn-w-[17.5rem]\n "),children:e.jsx(t.default,{...i,setShowSelectorTwo:S,setSelectorTwoProps:u,close:r,year:n.year||d,setOption:n.setYear||w,option:n.year||d})}),width:"fit-content",onClose:()=>{S(!1),u(t.defaultSelectorProps)},children:e.jsx(r.YearSelector,{...n,setSelectorTwoProps:u,setShowSelectorTwo:S,showSelectorTwo:a,yearSelectorType:"full-size",yearSelectorCount:n.yearSelectorCount||20})})})};