@rnwonder/react-date-picker/dist/components/TimeNumber/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"),n=require("../../node_modules/.pnpm/@rnwonder_simple-datejs@1.0.8/node_modules/@rnwonder/simple-datejs/dist/utils.js"),t=require("../../utils/class.js"),r=require("react");exports.TimeNumber=o=>{const[a,i]=r.useState(12),[s,d]=r.useState(1),[l,u]=r.useState(),[f,x]=r.useState(),[p,c]=r.useState(1),[b,m]=r.useState(1),[h,y]=r.useState(!1);return r.useEffect((()=>{"hour"===o.type?(i(12),d(1)):"minute"!==o.type&&"second"!==o.type||(i(60),d(5))}),[]),r.useEffect((()=>{c(100*Math.cos(o.index/a*2*Math.PI)),m(100*Math.sin(o.index/a*2*Math.PI)),"minute"!==o.type&&"second"!==o.type||(o.index%s==0?o.index+15>=60?(u(n.leadingZeros(o.index+15-60).toString()),x(o.index+15-60)):(u(n.leadingZeros(o.index+15).toString()),x(o.index+15)):o.index+15>=60?(u(""),x(o.index+15-60)):(u(""),x(o.index+15))),"hour"===o.type&&(o.index%s==0?o.index+3>=12?(u((o.index+3-12).toString()),x(o.index+3-12)):(u((o.index+3).toString()),x(o.index+3)):o.index+3>=12?(u(""),x(o.index+3-12)):(u(""),x(o.index+3)))}),[o.index,o.type,s,a]),r.useEffect((()=>{"hour"===o.type&&"0"===l&&u("12")}),[o.type,l]),r.useEffect((()=>{o.selectedValue===f||12===o.selectedValue&&0===f&&"hour"===o.type?y(!0):y(!1)}),[f,o.selectedValue,o.type]),e.jsx("button",{className:t.cn("\n          time-analog-number\n          rn-absolute\n          rn-h-time\n          rn-w-time\n          rn-select-none\n          rn-rounded-full\n          rn-leading-time\n          hover:rn-bg-transparent\n          ",{"\n            before:rn-content[''] \n            rn-text-white \n            before:rn-pointer-events-none \n            before:rn-absolute \n            before:rn-left-1/2 \n            before:rn-top-1/2 \n            before:rn-h-time-2 \n            before:rn-w-time-2 \n            before:rn--translate-x-1/2 \n            before:rn--translate-y-1/2 \n            before:rn-transform\n            before:rn-rounded-full\n            before:rn-bg-dark-time\n            dark:rn-text-white\n            dark:before:rn-bg-dark-time\n            dark:before:rn-text-white\n            ":h,"":o.index%s==0,"dark:rn-text-white":!h},o.className),"aria-label":n.leadingZeros(f||0)+" "+o.type+"s",role:"option","data-time-analog-number":!0,type:"button",style:{left:p+15+"px",top:b+15+"px"},"data-value":f,onClick:()=>o.onClick(o.type,f),onTouchStart:o.onTouchStart,onPointerEnter:e=>o.onPointerEnter(e,o.type,f),onPointerUp:o.onPointerUp,onMouseUp:o.onMouseUp,onPointerCancel:o.onPointerCancel,tabIndex:h?0:-1,"data-selected":h,children:e.jsx("span",{className:t.cn(" rn-relative rn-z-[1]",{"\n            after:rn-content['']\n            dark:rn-text-red\n            dark:after:rn-bg-red\n            after:rn-absolute\n            after:rn-left-1/2\n            after:rn-top-1/2\n            after:rn-h-[3px]\n            after:rn-w-[3px]\n            after:rn--translate-x-1/2\n            after:rn--translate-y-1/2\n            after:rn-transform\n            after:rn-rounded-full\n            after:rn-bg-white\n            \n            ":"hour"!==o.type&&!l&&h}),children:l})})};