@rnwonder/react-date-picker/dist/components/SelectorTwoTop/index.js

A simple and reusable Datepicker component for ReactJS ([Demo](https://stackblitz.com/edit/solidjs-templates-dof6jl?file=src%2FApp.tsx))

"use strict";const e=require("react/jsx-runtime"),r=require("../../utils/class.js"),t=require("../Button/index.js"),n=require("../PrevIcon/index.js"),a=require("../NextIcon/index.js"),s=require("react"),o=require("../Helpers/Show.js");module.exports=function(l){var c,i;const[d,x]=s.useState(!1),[u,p]=s.useState(!1);return s.useEffect((()=>{var e,r,t,n;x(!!(null==(e=l.yearRange)?void 0:e.start)&&!!l.startYear&&!!l.count&&l.startYear-1<(null==(r=l.yearRange)?void 0:r.start)||(l.startYear||0)-20<=0),p(!!(null==(t=l.yearRange)?void 0:t.end)&&!!l.endYear&&!!l.count&&l.endYear+1>(null==(n=l.yearRange)?void 0:n.end))}),[l.count,l.endYear,l.startYear,null==(c=l.yearRange)?void 0:c.end,null==(i=l.yearRange)?void 0:i.start]),e.jsxs("div",{className:r.cn("\n          selector-picker-top \n          rn-mb-[0.3125rem] \n          rn-flex \n          rn-items-center \n          rn-justify-between \n          rn-px-2\n        "),"data-type":"selector-picker-top",children:[e.jsx(o,{when:l.isYear,children:e.jsx(t.Button,{className:r.cn("\n            selector-prev-next-btn \n            selector-prev-btn \n            rn-text-black \n            disabled:rn-opacity-10 \n            dark:rn-text-white\n          "),"data-prev":!0,"data-type":"selector-prev-next-btn","aria-label":"Show previous 20 years.","data-scope":"button","data-part":"root",disabled:d,onClick:l.handlePrev,style:{...l.arrowsColor&&{color:l.arrowsColor}},children:e.jsx(n.PrevIcon,{})})}),l.isYear?e.jsx("div",{className:r.cn("\n            date-selector-trigger \n            rn-text-center \n            rn-text-[0.9375rem] \n            rn-font-medium\n            dark:rn-text-white\n          "),"data-type":"date-selector-trigger",children:l.range}):e.jsx("div",{className:r.cn("\n            date-selector-trigger \n            rn-w-full \n            rn-pt-[0.125rem] \n            rn-text-center \n            rn-text-[0.9375rem] \n            rn-font-medium\n            dark:rn-text-white\n          "),"data-type":"date-selector-trigger",children:l.monthSelectorTopLabel||"Select A Month"}),e.jsx(o,{when:l.isYear,children:e.jsx(t.Button,{className:r.cn("\n            selector-prev-next-btn \n            selector-next-btn \n            rn-text-black \n            disabled:rn-opacity-10 \n            dark:rn-text-white\n           "),"data-next":!0,"aria-label":"Show next 20 years.","data-scope":"button","data-part":"root","data-type":"selector-prev-next-btn",onClick:l.handleNext,disabled:u,style:{...l.arrowsColor&&{color:l.arrowsColor}},children:e.jsx(a.NextIcon,{})})})]})};