@rnwonder/react-date-picker/dist/components/SelectorTwoArea/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"),n=require("react"),r=require("../../utils/class.js"),l=require("../../node_modules/.pnpm/@rnwonder_simple-datejs@1.0.8/node_modules/@rnwonder/simple-datejs/dist/datePicker.js"),s=require("../SelectorOptionButton/index.js"),t=require("../SelectorTwo/index.js"),o=require("../SelectorTwoYearOptions/index.js"),a=require("../Helpers/Show.js");module.exports=function(i){var c,u;const d=(e,n)=>{l.handleSelectorOptionClick(e,n,i,(()=>{var e,n,r;null==(e=i.setSelectorTwoProps)||e.call(i,t.defaultSelectorProps),null==(n=i.setShowSelectorTwo)||n.call(i,!1),null==(r=i.close)||r.call(i)}))};return e.jsxs("div",{className:r.cn("\n        date-full-size-selector-area\n        rn-z-50\n        rn-flex\n        rn-flex-col\n        rn-justify-between\n       \n        rn-gap-y-4 \n        rn-p-2\n      "),children:[e.jsx(a,{when:!i.useValueAsName,children:e.jsx("div",{className:r.cn("\n            date-month-full-size-selector-options-wrapper \n            rn-grid \n            rn-grid-cols-3 \n            rn-gap-x-1 \n            rn-gap-y-4\n          "),children:null==(c=i.optionsArray)?void 0:c.map(((e,l)=>n.createElement(s.SelectorOptionButton,{...i,value:e,index:l,key:l+e,className:r.cn("\n                  rn-p-2 \n                  rn-text-sm\n                ",i.className),handleOptionClick:d})))})}),e.jsx(a,{when:i.useValueAsName,children:null==(u=i.yearArray)?void 0:u.map(((e,r)=>n.createElement(o,{...i,key:r+e.join(","),array:e,handleOptionClick:d})))})]})};