@daryasidorovich/modsen-datepicker 1.1.0 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/constants/dateMask.d.ts +3 -3
- package/dist/hooks/useCalendar.d.ts +1 -1
- package/dist/hooks/useValidate.d.ts +3 -3
- package/dist/index.cjs +5 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -7,7 +7,7 @@ import { IMask, useIMask } from 'react-imask';
|
|
|
7
7
|
|
|
8
8
|
var e=[],t$2=[];function n$1(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t$2[u]={}),a=t$2[u]&&t$2[u][s]?t$2[u][s]:t$2[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
9
9
|
|
|
10
|
-
var css$e = "*,\n::before,\n::after {\n box-sizing: border-box;\n}\n\n:where(ul, ol):where([class]) {\n padding-left: 0;\n}\n\nbody,\n:where(blockquote, figure):where([class]) {\n margin: 0;\n}\n\n:where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl):where([class]) {\n margin-block: 0;\n}\n\n:where(dd[class]) {\n margin-left: 0;\n}\n\n:where(fieldset[class]) {\n margin-left: 0;\n padding: 0;\n border: none;\n}\n\n:where(ul[class]) {\n list-style: none;\n}\n\n:where(address[class]) {\n font-style: normal;\n}\n\np {\n margin-block: 0;\n}\n\nimg,\nvideo {\n display: block;\n max-width: 100%;\n height: auto;\n}\n\ninput,\ntextarea,\nselect,\nbutton {\n font: inherit;\n}\n\nhtml {\n height: 100%;\n scrollbar-gutter: stable;\n}\n\nhtml,\n:has(:target) {\n scroll-behavior: smooth;\n}\n\nbody {\n min-height: 100%;\n line-height: 1.5;\n}\n\na:where([class]) {\n display: inline-flex;\n}\n\nbutton,\nlabel {\n cursor: pointer;\n}\n\n[stroke] {\n stroke: currentColor;\n}\n\nsvg * {\n transition-property: fill, stroke;\n}\n\n@media (prefers-reduced-motion: reduce) {\n *,\n ::before,\n ::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n }\n}\nhtml.
|
|
10
|
+
var css$e = "*,\n::before,\n::after {\n box-sizing: border-box;\n}\n\n:where(ul, ol):where([class]) {\n padding-left: 0;\n}\n\nbody,\n:where(blockquote, figure):where([class]) {\n margin: 0;\n}\n\n:where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl):where([class]) {\n margin-block: 0;\n}\n\n:where(dd[class]) {\n margin-left: 0;\n}\n\n:where(fieldset[class]) {\n margin-left: 0;\n padding: 0;\n border: none;\n}\n\n:where(ul[class]) {\n list-style: none;\n}\n\n:where(address[class]) {\n font-style: normal;\n}\n\np {\n margin-block: 0;\n}\n\nimg,\nvideo {\n display: block;\n max-width: 100%;\n height: auto;\n}\n\ninput,\ntextarea,\nselect,\nbutton {\n font: inherit;\n}\n\nhtml {\n height: 100%;\n scrollbar-gutter: stable;\n}\n\nhtml,\n:has(:target) {\n scroll-behavior: smooth;\n}\n\nbody {\n min-height: 100%;\n line-height: 1.5;\n}\n\na:where([class]) {\n display: inline-flex;\n}\n\nbutton,\nlabel {\n cursor: pointer;\n}\n\n[stroke] {\n stroke: currentColor;\n}\n\nsvg * {\n transition-property: fill, stroke;\n}\n\n@media (prefers-reduced-motion: reduce) {\n *,\n ::before,\n ::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n }\n}\nhtml.is-lock {\n overflow: hidden;\n}\n\nbody {\n font-weight: 400;\n font-family: \"Open Sans\", sans-serif;\n font-size: 14px;\n}\n.theme-light body {\n color: #333333;\n}\n.theme-dark body {\n color: #ffffff;\n}\n\nh1,\nh2 {\n margin: 0;\n}\n\nh1 {\n font-size: 15px;\n font-weight: 600;\n}\n\nh2 {\n font-weight: 700;\n}\n\na,\nbutton,\nlabel,\ninput,\ntextarea,\nselect,\nsvg * {\n transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, fill 0.2s ease, opacity 0.2s ease;\n}\n\na:has(svg),\nbutton:has(svg) {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.grid {\n display: grid;\n width: 100%;\n grid-template-columns: repeat(7, 1fr);\n}";
|
|
11
11
|
n$1(css$e,{});
|
|
12
12
|
|
|
13
13
|
const FIRST_DAY_OF_WEEK = {
|
|
@@ -6551,8 +6551,8 @@ function useValidate(selectedDate) {
|
|
|
6551
6551
|
};
|
|
6552
6552
|
}
|
|
6553
6553
|
|
|
6554
|
-
var css$2 = ".
|
|
6555
|
-
var modules_efc4e723$2 = {"datepicker":"
|
|
6554
|
+
var css$2 = ".styles_module_datepicker__c99d29d4 {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 8px;\n width: fit-content;\n}\n.theme-light .styles_module_datepicker__c99d29d4 {\n background-color: #ffffff;\n}\n.theme-dark .styles_module_datepicker__c99d29d4 {\n background-color: #333333;\n}";
|
|
6555
|
+
var modules_efc4e723$2 = {"datepicker":"styles_module_datepicker__c99d29d4"};
|
|
6556
6556
|
n$1(css$2,{});
|
|
6557
6557
|
|
|
6558
6558
|
const DatePicker = ({ selectedDate, monthDate = new Date(), onChange, ...props }) => {
|
|
@@ -6582,8 +6582,8 @@ const Clear = ({ onClick }) => {
|
|
|
6582
6582
|
return (jsx("button", { className: modules_efc4e723$1.clear, type: "button", onClick: onClick, children: "Clear" }));
|
|
6583
6583
|
};
|
|
6584
6584
|
|
|
6585
|
-
var css = ".
|
|
6586
|
-
var modules_efc4e723 = {"rangePicker":"
|
|
6585
|
+
var css = ".styles_module_rangePicker__1a42aac7 {\n display: flex;\n flex-direction: column;\n padding: 8px;\n width: fit-content;\n}\n.theme-light .styles_module_rangePicker__1a42aac7 {\n background-color: #ffffff;\n}\n.theme-dark .styles_module_rangePicker__1a42aac7 {\n background-color: #333333;\n}\n\n.styles_module_calendar__1a42aac7 {\n margin-top: 15px;\n}\n\n.styles_module_inputs__1a42aac7 {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}";
|
|
6586
|
+
var modules_efc4e723 = {"rangePicker":"styles_module_rangePicker__1a42aac7","calendar":"styles_module_calendar__1a42aac7","inputs":"styles_module_inputs__1a42aac7"};
|
|
6587
6587
|
n$1(css,{});
|
|
6588
6588
|
|
|
6589
6589
|
const RangePicker = ({ rangeStart, rangeEnd, monthDate = new Date(), onChangeStart, onChangeEnd, ...props }) => {
|