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

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

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../MonthSelector/index.js"),t=require("../YearSelector/index.js"),o=require("../../utils/class.js"),n=require("react"),l=require("../Helpers/Show.js");exports.DatePickerMonthAndYearSelector=a=>{const s=n.useRef(null),c=n.useRef(null);return n.useEffect((()=>{var e;s.current&&(null==(e=a.setAllowedComponents)||e.call(a,(e=>[...e,s.current])))}),[s,a.setAllowedComponents]),n.useEffect((()=>{var e;c.current&&(null==(e=a.setAllowedComponents)||e.call(a,(e=>[...e,c.current])))}),[a.setAllowedComponents,c]),e.jsx("div",{className:o.cn("date-month-year-selector-area rn-flex rn-items-center rn-justify-center "+("column"===a.monthYearSelectorFlexDirection?"rn-flex-col":""),a.datePickerTopMonthYearAreaClass),"data-type":"date-month-year-selector-area",children:e.jsxs(l,{when:a.render,children:[e.jsx(l,{when:!!a.monthSelectorJSX,children:a.monthSelectorJSX}),e.jsx(l,{when:!a.monthSelectorJSX,children:e.jsx(r.MonthSelector,{...a,ref:s,month:a.month,setMonth:a.setMonth,monthSelectorFormat:a.monthSelectorFormat,zIndex:a.zIndex,locale:a.locale,primaryColor:a.primaryColor,primaryTextColor:a.primaryTextColor,minDate:a.minDate,maxDate:a.maxDate,twoMonthsDisplay:a.twoMonthsDisplay})}),e.jsx(l,{when:!!a.yearSelectorJSX,children:a.yearSelectorJSX}),e.jsx(l,{when:!a.yearSelectorJSX,children:e.jsx(t.YearSelector,{...a,ref:c,year:a.year,setYear:a.setYear,zIndex:a.zIndex,yearRange:a.yearRange,primaryColor:a.primaryColor,primaryTextColor:a.primaryTextColor,minDate:a.minDate,maxDate:a.maxDate})})]})})};