@rnwonder/react-date-picker/dist/components/SelectorOptionButton/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"),t=require("../Button/index.js"),r=require("../../node_modules/.pnpm/@rnwonder_simple-datejs@1.0.8/node_modules/@rnwonder/simple-datejs/dist/utils.js"),n=require("../../utils/class.js"),o=require("../../utils/general.js"),i=require("../../node_modules/.pnpm/@rnwonder_simple-datejs@1.0.8/node_modules/@rnwonder/simple-datejs/dist/datePicker.js");exports.SelectorOptionButton=a=>{const l=a.useValueAsName?o.convertFormattedNumberBackToNumber(a.locale,{value:a.value,month:"current"}).value+"":a.value;return e.jsx(t.Button,{setHeight:!0,className:n.cn("\n        date-selector-option\n        rn-h-auto\n        rn-text-black\n        disabled:rn-opacity-40\n        ",{"rn-selector-option-selected rn-bg-primary rn-text-white hover:rn-bg-primary hover:rn-text-white dark:rn-bg-white dark:rn-text-black dark:hover:rn-bg-white dark:hover:rn-text-black":i.isOptionSelectedOnSelector(l,a.index,a),"dark:rn-text-white":!i.isOptionSelectedOnSelector(l,a.index,a),[a.monthYearOptionBtnActiveClass||""]:i.isOptionSelectedOnSelector(l,a.index,a)},a.className,a.monthYearOptionBtnClass),onClick:()=>a.handleOptionClick(a.index,l,a.callback),disabled:a.disabled||i.isOptionDisabledOnSelector(l,a.index,a),"aria-controls":"selector","aria-disabled":i.isOptionDisabledOnSelector(l,a.index,a),"aria-selected":i.isOptionSelectedOnSelector(l,a.index,a),"data-type":a.useValueAsName?"year":"month","aria-readonly":!1,"data-scope":"date-picker","data-part":"cell-trigger","data-selector-option":!0,"date-selector-option-selected":String(i.isOptionSelectedOnSelector(l,a.index,a)),selected:i.isOptionSelectedOnSelector(l,a.index,a),"aria-label":a.useValueAsName?a.value:r.getMonthName(a.index)+" "+a.year,"data-value":a.useValueAsName?a.value:a.index+1,style:{...i.isOptionSelectedOnSelector(l,a.index,a)?{backgroundColor:a.primaryColor,color:a.primaryTextColor}:{},...a.textColor&&!i.isOptionSelectedOnSelector(l,a.index,a)&&{color:a.textColor}},"aria-owns":a.value,noButtonAnimation:a.noButtonAnimation,...a.attributes||{},children:a.value})};