UNPKG

@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) 2.44 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Selector/index.js"),a=require("../SelectorTriggerButton/index.js"),t=require("react"),o=require("../../node_modules/.pnpm/@rnwonder_simple-datejs@1.0.8/node_modules/@rnwonder/simple-datejs/dist/general-D5nVjUqG.js"),n=require("../../node_modules/.pnpm/@rnwonder_simple-datejs@1.0.8/node_modules/@rnwonder/simple-datejs/dist/format-CMbjATj9.js"),l=t.memo(t.forwardRef(((l,s)=>{var i,c;const[u,d]=t.useState(""),[y,p]=t.useState([]),[m,S]=t.useState(),[x,g]=t.useState(),[w,T]=t.useState(l.yearSelectorCount?Math.abs(l.yearSelectorCount):20),j=t.useCallback((()=>{if(!m||!x)return;const e=x;S(e+1),g(e+w)}),[w,x,m]),C=t.useCallback((()=>{if(!m||!x)return;const e=m;g(e-1),S(e-w)}),[w,x,m]),f=t.useCallback((()=>{var e,r;null==(e=l.setSelectorTwoProps)||e.call(l,{...l,optionsArray:[],locale:l.locale||"en-US",yearArray:y,option:l.year,setOption:l.setYear,attributes:{"data-year":"true"},handleNext:j,handlePrev:C,range:u,className:"year-selector-option",zIndex:l.zIndex,primaryTextColor:l.primaryTextColor,primaryColor:l.primaryColor,useValueAsName:!0,startYear:m,endYear:x,count:w}),null==(r=l.setShowSelectorTwo)||r.call(l,!0)}),[w,x,j,C,l,u,m,y,l.locale]);return t.useEffect((()=>{var e;if("compact-dropdown"===l.yearSelectorType)return;if(!l.year)return;const{range:r,array:a,endYear:t,startYear:s}=n.k({startYear:m,endYear:x,count:w,year:l.year,yearRange:l.yearRange,locale:l.locale||"en-US"});l.showSelectorTwo||(S(s),g(t));const i=o.r(a,4);d(r),p(i),null==(e=l.setSelectorTwoProps)||e.call(l,(e=>({...e,yearArray:i,range:r,startYear:s,endYear:t,count:w,handleNext:j,handlePrev:C})))}),[w,x,j,C,l.locale,l.showSelectorTwo,l.year,l.yearRange,l.yearSelectorType,m]),e.jsx(e.Fragment,{children:"compact-dropdown"===l.yearSelectorType?e.jsx(r.Selector,{...l,optionsArray:o.t((null==(i=l.yearRange)?void 0:i.start)||o.s-51,(null==(c=l.yearRange)?void 0:c.end)||o.s+20).map((e=>e.toString())),option:l.year,setOption:l.setYear,ref:s,attributes:{"data-year":"true"},useValueAsName:!0,className:"year-selector-option",zIndex:l.zIndex,primaryColor:l.primaryColor,primaryTextColor:l.primaryTextColor}):e.jsx(a.SelectorTriggerButton,{option:l.year,optionsArray:[],type:"full-size",isOpen:l.showSelectorTwo||!1,onClick:f,noButtonAnimation:l.noButtonAnimation,children:n.p(l.year,l.locale)})})})));exports.YearSelector=l;