@rnwonder/react-date-picker
Version:
A simple and reusable Datepicker component for ReactJS ([Demo](https://stackblitz.com/edit/solidjs-templates-dof6jl?file=src%2FApp.tsx))
2 lines (1 loc) • 30.3 kB
CSS
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root,[data-theme]{background-color:var(--fallback-b1,oklch(var(--b1)/1));color:var(--fallback-bc,oklch(var(--bc)/1))} not (color: oklch(0% 0 0)){:root{color-scheme:light;--fallback-p: #491eff;--fallback-pc: #d4dbff;--fallback-s: #ff41c7;--fallback-sc: #fff9fc;--fallback-a: #00cfbd;--fallback-ac: #00100d;--fallback-n: #2b3440;--fallback-nc: #d7dde4;--fallback-b1: #ffffff;--fallback-b2: #e5e6e6;--fallback-b3: #e5e6e6;--fallback-bc: #1f2937;--fallback-in: #00b3f0;--fallback-inc: #000000;--fallback-su: #00ca92;--fallback-suc: #000000;--fallback-wa: #ffc22d;--fallback-wac: #000000;--fallback-er: #ff6f70;--fallback-erc: #000000} (prefers-color-scheme: dark){:root{color-scheme:dark;--fallback-p: #7582ff;--fallback-pc: #050617;--fallback-s: #ff71cf;--fallback-sc: #190211;--fallback-a: #00c7b5;--fallback-ac: #000e0c;--fallback-n: #2a323c;--fallback-nc: #a6adbb;--fallback-b1: #1d232a;--fallback-b2: #191e24;--fallback-b3: #15191e;--fallback-bc: #a6adbb;--fallback-in: #00b3f0;--fallback-inc: #000000;--fallback-su: #00ca92;--fallback-suc: #000000;--fallback-wa: #ffc22d;--fallback-wac: #000000;--fallback-er: #ff6f70;--fallback-erc: #000000}}}html{-webkit-tap-highlight-color:transparent}:root{color-scheme:light;--in: 72.06% .191 231.6;--su: 64.8% .15 160;--wa: 84.71% .199 83.87;--er: 71.76% .221 22.18;--pc: 89.824% .06192 275.75;--ac: 15.352% .0368 183.61;--inc: 0% 0 0;--suc: 0% 0 0;--wac: 0% 0 0;--erc: 0% 0 0;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 49.12% .3096 275.75;--s: 69.71% .329 342.55;--sc: 98.71% .0106 342.55;--a: 76.76% .184 183.61;--n: 32.1785% .02476 255.701624;--nc: 89.4994% .011585 252.096176;--b1: 100% 0 0;--b2: 96.1151% 0 0;--b3: 92.4169% .00108 197.137559;--bc: 27.8078% .029596 256.847952} (prefers-color-scheme: dark){:root{color-scheme:dark;--in: 72.06% .191 231.6;--su: 64.8% .15 160;--wa: 84.71% .199 83.87;--er: 71.76% .221 22.18;--pc: 13.138% .0392 275.75;--sc: 14.96% .052 342.55;--ac: 14.902% .0334 183.61;--inc: 0% 0 0;--suc: 0% 0 0;--wac: 0% 0 0;--erc: 0% 0 0;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 65.69% .196 275.75;--s: 74.8% .26 342.55;--a: 74.51% .167 183.61;--n: 31.3815% .021108 254.139175;--nc: 74.6477% .0216 264.435964;--b1: 25.3267% .015896 252.417568;--b2: 23.2607% .013807 253.100675;--b3: 21.1484% .01165 254.087939;--bc: 74.6477% .0216 264.435964}}[data-theme=light]{color-scheme:light;--in: 72.06% .191 231.6;--su: 64.8% .15 160;--wa: 84.71% .199 83.87;--er: 71.76% .221 22.18;--pc: 89.824% .06192 275.75;--ac: 15.352% .0368 183.61;--inc: 0% 0 0;--suc: 0% 0 0;--wac: 0% 0 0;--erc: 0% 0 0;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 49.12% .3096 275.75;--s: 69.71% .329 342.55;--sc: 98.71% .0106 342.55;--a: 76.76% .184 183.61;--n: 32.1785% .02476 255.701624;--nc: 89.4994% .011585 252.096176;--b1: 100% 0 0;--b2: 96.1151% 0 0;--b3: 92.4169% .00108 197.137559;--bc: 27.8078% .029596 256.847952}[data-theme=dark]{color-scheme:dark;--in: 72.06% .191 231.6;--su: 64.8% .15 160;--wa: 84.71% .199 83.87;--er: 71.76% .221 22.18;--pc: 13.138% .0392 275.75;--sc: 14.96% .052 342.55;--ac: 14.902% .0334 183.61;--inc: 0% 0 0;--suc: 0% 0 0;--wac: 0% 0 0;--erc: 0% 0 0;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 65.69% .196 275.75;--s: 74.8% .26 342.55;--a: 74.51% .167 183.61;--n: 31.3815% .021108 254.139175;--nc: 74.6477% .0216 264.435964;--b1: 25.3267% .015896 252.417568;--b2: 23.2607% .013807 253.100675;--b3: 21.1484% .01165 254.087939;--bc: 74.6477% .0216 264.435964}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.rn-btn{display:inline-flex;height:3rem;min-height:3rem;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:var(--rounded-btn, .5rem);border-color:transparent;border-color:oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1em;gap:.5rem;font-weight:600;text-decoration-line:none;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);border-width:var(--border-btn, 1px);transition-property:color,background-color,border-color,opacity,box-shadow,transform;--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:var(--fallback-bc,oklch(var(--bc)/1));background-color:oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));--tw-bg-opacity: 1;--tw-border-opacity: 1}.rn-btn-disabled,.rn-btn[disabled],.rn-btn:disabled{pointer-events:none}:where(.rn-btn:is(input[type=checkbox])),:where(.rn-btn:is(input[type=radio])){width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rn-btn:is(input[type=checkbox]):after,.rn-btn:is(input[type=radio]):after{--tw-content: attr(aria-label);content:var(--tw-content)}.rn-divider{display:flex;flex-direction:row;align-items:center;align-self:stretch;margin-top:1rem;margin-bottom:1rem;height:1rem;white-space:nowrap}.rn-divider:before,.rn-divider:after{height:.125rem;width:100%;flex-grow:1;--tw-content: "";content:var(--tw-content);background-color:var(--fallback-bc,oklch(var(--bc)/.1))}@media (hover: hover){.rn-btn:hover{--tw-border-opacity: 1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}@supports (color: color-mix(in oklab,black,black)){.rn-btn:hover{background-color:color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,black);border-color:color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,black)}} not (color: oklch(0% 0 0)){.rn-btn:hover{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}}.rn-btn.rn-glass:hover{--glass-opacity: 25%;--glass-border-opacity: 15%}.rn-btn-ghost:hover{border-color:transparent} (color: oklch(0% 0 0)){.rn-btn-ghost:hover{background-color:var(--fallback-bc,oklch(var(--bc)/.2))}}.rn-btn-disabled:hover,.rn-btn[disabled]:hover,.rn-btn:disabled:hover{--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}@supports (color: color-mix(in oklab,black,black)){.rn-btn:is(input[type=checkbox]:checked):hover,.rn-btn:is(input[type=radio]:checked):hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black)}}}@media (prefers-reduced-motion: no-preference){.rn-btn{animation:button-pop var(--animation-btn, .25s) ease-out}}.rn-btn:active:hover,.rn-btn:active:focus{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale, .97))}@supports not (color: oklch(0% 0 0)){.rn-btn{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}}.rn-btn:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px}.rn-btn.rn-glass{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:currentColor}.rn-btn.rn-glass.rn-btn-active{--glass-opacity: 25%;--glass-border-opacity: 15%}.rn-btn-ghost{border-width:1px;border-color:transparent;background-color:transparent;color:currentColor;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:currentColor}.rn-btn-ghost.rn-btn-active{border-color:transparent;background-color:var(--fallback-bc,oklch(var(--bc)/.2))}.rn-btn.rn-btn-disabled,.rn-btn[disabled],.rn-btn:disabled{--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}.rn-btn:is(input[type=checkbox]:checked),.rn-btn:is(input[type=radio]:checked){--tw-border-opacity: 1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.rn-btn:is(input[type=checkbox]:checked):focus-visible,.rn-btn:is(input[type=radio]:checked):focus-visible{outline-color:var(--fallback-p,oklch(var(--p)/1))} button-pop{0%{transform:scale(var(--btn-focus-scale, .98))}40%{transform:scale(1.02)}to{transform:scale(1)}} checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}.rn-divider:not(:empty){gap:1rem} modal-pop{0%{opacity:0}} progress-loading{50%{background-position-x:-115%}} radiomark{0%{box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset}50%{box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset}to{box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}} rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}} skeleton{0%{background-position:150%}to{background-position:-50%}} toast-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.rn-no-animation{--btn-focus-scale: 1;--animation-btn: 0;--animation-input: 0}.rn-pointer-events-none{pointer-events:none}.rn-absolute{position:absolute}.rn-relative{position:relative}.rn-bottom-1\/2{bottom:50%}.rn-left-0{left:0}.rn-left-1\/2{left:50%}.rn-top-0{top:0}.rn-top-1\/2{top:50%}.rn-z-10{z-index:10}.rn-z-50{z-index:50}.rn-z-\[1\]{z-index:1}.rn-my-2{margin-top:.5rem;margin-bottom:.5rem}.rn-mb-2{margin-bottom:.5rem}.rn-mb-\[0\.13rem\]{margin-bottom:.13rem}.rn-mb-\[0\.3125rem\]{margin-bottom:.3125rem}.rn-block{display:block}.rn-flex{display:flex}.rn-grid{display:grid}.rn-hidden{display:none}.rn-aspect-square{aspect-ratio:1 / 1}.rn-h-8{height:2rem}.rn-h-\[237px\]{height:237px}.rn-h-\[2rem\]{height:2rem}.rn-h-\[39\%\]{height:39%}.rn-h-\[50px\]{height:50px}.rn-h-\[5px\]{height:5px}.rn-h-auto{height:auto}.rn-h-full{height:100%}.rn-h-time{height:20px}.rn-max-h-\[10\.625rem\]{max-height:10.625rem}.rn-max-h-fit{max-height:-moz-fit-content;max-height:fit-content}.rn-min-h-0{min-height:0px}.rn-w-8{width:2rem}.rn-w-\[17\.5rem\]{width:17.5rem}.rn-w-\[17px\]{width:17px}.rn-w-\[2\.3rem\]{width:2.3rem}.rn-w-\[237px\]{width:237px}.rn-w-\[2px\]{width:2px}.rn-w-\[2rem\]{width:2rem}.rn-w-\[50px\]{width:50px}.rn-w-\[5px\]{width:5px}.rn-w-fit{width:-moz-fit-content;width:fit-content}.rn-w-full{width:100%}.rn-w-max{width:-moz-max-content;width:max-content}.rn-w-time{width:20px}.rn-min-w-max{min-width:-moz-max-content;min-width:max-content}.rn-max-w-\[25rem\]{max-width:25rem}.rn-flex-shrink-0{flex-shrink:0}.rn-origin-center-bottom{transform-origin:center bottom}.-rn-translate-y-\[1rem\]{--tw-translate-y: -1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rn--translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rn--translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rn-translate-y-\[0rem\]{--tw-translate-y: 0rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rn-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rn-animate-none{animation:none}.rn-cursor-pointer{cursor:pointer}.rn-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rn-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rn-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.rn-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.rn-flex-row{flex-direction:row}.rn-flex-col{flex-direction:column}.rn-items-center{align-items:center}.rn-justify-center{justify-content:center}.rn-justify-between{justify-content:space-between}.rn-gap-2{gap:.5rem}.rn-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.rn-gap-y-4{row-gap:1rem}.rn-overflow-y-auto{overflow-y:auto}.rn-rounded-full{border-radius:9999px}.rn-rounded-lg{border-radius:.5rem}.rn-rounded-md{border-radius:.375rem}.rn-border{border-width:1px}.rn-border-t{border-top-width:1px}.rn-border-solid{border-style:solid}.rn-border-dashed{border-style:dashed}.rn-border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.rn-border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.rn-bg-black-tie{--tw-bg-opacity: 1;background-color:rgb(71 71 71 / var(--tw-bg-opacity))}.rn-bg-dark-time{--tw-bg-opacity: 1;background-color:rgb(143 143 143 / var(--tw-bg-opacity))}.rn-bg-primary{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.rn-bg-primary-focus{--tw-bg-opacity: 1;background-color:rgb(224 224 224 / var(--tw-bg-opacity))}.rn-bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}.rn-bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.rn-bg-transparent{background-color:transparent}.rn-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.rn-bg-opacity-50{--tw-bg-opacity: .5}.rn-p-0{padding:0}.rn-p-2{padding:.5rem}.rn-p-\[5px\]{padding:5px}.rn-px-1{padding-left:.25rem;padding-right:.25rem}.rn-px-2{padding-left:.5rem;padding-right:.5rem}.rn-px-4,.rn-px-\[1rem\]{padding-left:1rem;padding-right:1rem}.rn-px-\[5px\]{padding-left:5px;padding-right:5px}.rn-pb-\[0\.5rem\]{padding-bottom:.5rem}.rn-pl-4{padding-left:1rem}.rn-pr-4{padding-right:1rem}.rn-pt-\[0\.125rem\]{padding-top:.125rem}.rn-pt-\[0\.625rem\]{padding-top:.625rem}.rn-text-center{text-align:center}.rn-text-\[0\.75rem\]{font-size:.75rem}.rn-text-\[0\.9375rem\]{font-size:.9375rem}.rn-text-\[15px\]{font-size:15px}.rn-text-sm{font-size:.875rem;line-height:1.25rem}.rn-font-bold{font-weight:700}.rn-font-medium{font-weight:500}.rn-uppercase{text-transform:uppercase}.rn-leading-time{line-height:20px}.rn-tracking-\[0\.02em\]{letter-spacing:.02em}.rn-text-\[\#909090\]{--tw-text-opacity: 1;color:rgb(144 144 144 / var(--tw-text-opacity))}.rn-text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.rn-text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.rn-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.rn-opacity-0{opacity:0}.rn-opacity-100{opacity:1}.rn-opacity-50{opacity:.5}.rn-opacity-95{opacity:.95}.rn-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.rn-drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.rn-transition-none{transition-property:none}.rn-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rn-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rn-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)} enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}} exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.rn-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)} (prefers-reduced-motion: reduce){.motion-reduce\:rn-no-animation{--btn-focus-scale: 1;--animation-btn: 0;--animation-input: 0}} (min-width: 567px){.aboveBreakTwoCalendar\:rn-divider-horizontal{flex-direction:column}.aboveBreakTwoCalendar\:rn-divider-horizontal:before{height:100%;width:.125rem}.aboveBreakTwoCalendar\:rn-divider-horizontal:after{height:100%;width:.125rem}.aboveBreakTwoCalendar\:rn-divider-horizontal{margin-left:1rem;margin-right:1rem;margin-top:0;margin-bottom:0;height:auto;width:1rem}}.before\:rn-pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:rn-absolute:before{content:var(--tw-content);position:absolute}.before\:rn-left-1\/2:before{content:var(--tw-content);left:50%}.before\:rn-left-\[15\%\]:before{content:var(--tw-content);left:15%}.before\:rn-right-\[15\%\]:before{content:var(--tw-content);right:15%}.before\:rn-top-0:before{content:var(--tw-content);top:0}.before\:rn-top-1\/2:before{content:var(--tw-content);top:50%}.before\:rn-block:before{content:var(--tw-content);display:block}.before\:rn-hidden:before{content:var(--tw-content);display:none}.before\:rn-h-full:before{content:var(--tw-content);height:100%}.before\:rn-h-time-2:before{content:var(--tw-content);height:36px}.before\:rn-w-\[85\%\]:before{content:var(--tw-content);width:85%}.before\:rn-w-\[86\%\]:before{content:var(--tw-content);width:86%}.before\:rn-w-time-2:before{content:var(--tw-content);width:36px}.before\:rn--translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rn--translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rn-transform:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rn-rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:rn-rounded-l-full:before{content:var(--tw-content);border-top-left-radius:9999px;border-bottom-left-radius:9999px}.before\:rn-rounded-r-full:before{content:var(--tw-content);border-top-right-radius:9999px;border-bottom-right-radius:9999px}.before\:rn-bg-dark-time:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(143 143 143 / var(--tw-bg-opacity))}.before\:rn-bg-opacity-50:before{content:var(--tw-content);--tw-bg-opacity: .5}.before\:rn-content-\[\"\"\]:before{--tw-content: "";content:var(--tw-content)}.after\:rn-absolute:after{content:var(--tw-content);position:absolute}.after\:rn-left-1\/2:after{content:var(--tw-content);left:50%}.after\:rn-top-1\/2:after{content:var(--tw-content);top:50%}.after\:rn-h-\[3px\]:after{content:var(--tw-content);height:3px}.after\:rn-w-\[3px\]:after{content:var(--tw-content);width:3px}.after\:rn--translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rn--translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rn-transform:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rn-rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:rn-bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.hover\:rn-border:hover{border-width:1px}.hover\:rn-border-dashed:hover{border-style:dashed}.hover\:rn-border-black:hover{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.hover\:rn-bg-dark-time:hover{--tw-bg-opacity: 1;background-color:rgb(143 143 143 / var(--tw-bg-opacity))}.hover\:rn-bg-primary:hover{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.hover\:rn-bg-transparent:hover{background-color:transparent}.hover\:rn-text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.disabled\:rn-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:rn-bg-transparent:disabled{background-color:transparent}.disabled\:rn-text-black:disabled{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.disabled\:rn-opacity-10:disabled{opacity:.1}.disabled\:rn-opacity-30:disabled{opacity:.3}.disabled\:rn-opacity-40:disabled{opacity:.4}@media (prefers-reduced-motion: reduce){.motion-reduce\:rn-transition-none{transition-property:none}}.dark\:rn-border-gray-700:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.dark\:rn-border-white:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.dark\:rn-bg-\[\#8f8f8f\]:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(143 143 143 / var(--tw-bg-opacity))}.dark\:rn-bg-black-tie:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(71 71 71 / var(--tw-bg-opacity))}.dark\:rn-bg-dark-time:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(143 143 143 / var(--tw-bg-opacity))}.dark\:rn-bg-dreamless-sleep:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(17 17 17 / var(--tw-bg-opacity))}.dark\:rn-bg-eerie-black:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(27 27 27 / var(--tw-bg-opacity))}.dark\:rn-bg-white:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dark\:rn-text-black:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.dark\:rn-text-red-500:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.dark\:rn-text-white:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:before\:rn-bg-dark-time:is([data-theme=dark] *):before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(143 143 143 / var(--tw-bg-opacity))}.dark\:before\:rn-text-white:is([data-theme=dark] *):before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:hover\:rn-bg-black-tie:hover:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(71 71 71 / var(--tw-bg-opacity))}.dark\:hover\:rn-bg-dark-time:hover:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(143 143 143 / var(--tw-bg-opacity))}.dark\:hover\:rn-bg-white:hover:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dark\:hover\:rn-text-black:hover:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}@media (max-width: 320px){.smallMobile\:rn-text-\[12px\]{font-size:12px}}@media (max-width: 566px){.breakTwoCalendar\:rn-flex-col{flex-direction:column}.breakTwoCalendar\:rn-px-4{padding-left:1rem;padding-right:1rem}.breakTwoCalendar\:rn-text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 567px){.aboveBreakTwoCalendar\:rn-mx-2{margin-left:.5rem;margin-right:.5rem}.aboveBreakTwoCalendar\:rn-w-fit{width:-moz-fit-content;width:fit-content}.aboveBreakTwoCalendar\:rn-pl-4{padding-left:1rem}.aboveBreakTwoCalendar\:rn-pr-4{padding-right:1rem}}