react-calendar-datetime 2.0.8 → 2.0.9
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/index.cjs +11 -2
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +11 -2
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var na=Object.create;var N=Object.defineProperty;var
|
|
1
|
+
"use strict";var na=Object.create;var N=Object.defineProperty;var ca=Object.getOwnPropertyDescriptor;var la=Object.getOwnPropertyNames;var ia=Object.getPrototypeOf,sa=Object.prototype.hasOwnProperty;var da=(a,t)=>{for(var n in t)N(a,n,{get:t[n],enumerable:!0})},G=(a,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of la(t))!sa.call(a,e)&&e!==n&&N(a,e,{get:()=>t[e],enumerable:!(o=ca(t,e))||o.enumerable});return a};var y=(a,t,n)=>(n=a!=null?na(ia(a)):{},G(t||!a||!a.__esModule?N(n,"default",{value:a,enumerable:!0}):n,a)),ma=a=>G(N({},"__esModule",{value:!0}),a);var wa={};da(wa,{Calendar:()=>ka});module.exports=ma(wa);var aa=y(require("clsx"),1),x=require("react"),w=y(require("dayjs"),1),ea=y(require("dayjs/plugin/localeData"),1),oe=require("dayjs/locale/en"),ne=require("dayjs/locale/es"),ce=require("dayjs/locale/ru"),le=require("dayjs/locale/de"),ie=require("dayjs/locale/sr"),se=require("dayjs/locale/fr");var j=y(require("dayjs"),1);var g=require("react/jsx-runtime"),R=()=>(0,g.jsx)("svg",{height:"256",viewBox:"0 0 64 64",width:"256",xmlns:"http://www.w3.org/2000/svg",children:(0,g.jsx)("path",{d:"m54 30h-39.899l15.278-14.552c.8-.762.831-2.028.069-2.828-.761-.799-2.027-.831-2.828-.069l-17.448 16.62c-.755.756-1.172 1.76-1.172 2.829 0 1.068.417 2.073 1.207 2.862l17.414 16.586c.387.369.883.552 1.379.552.528 0 1.056-.208 1.449-.621.762-.8.731-2.065-.069-2.827l-15.342-14.552h39.962c1.104 0 2-.896 2-2s-.896-2-2-2z"})}),T=()=>(0,g.jsx)("svg",{height:"256",viewBox:"0 0 64 64",width:"256",xmlns:"http://www.w3.org/2000/svg",children:(0,g.jsx)("path",{d:"m37.379 12.552c-.799-.761-2.066-.731-2.827.069-.762.8-.73 2.066.069 2.828l15.342 14.551h-39.963c-1.104 0-2 .896-2 2s-.896 2 2 2h39.899l-15.278 14.552c-.8.762-.831 2.028-.069 2.828.393.412.92.62 1.448.62.496 0 .992-.183 1.379-.552l17.449-16.62c.756-.755 1.172-1.759 1.172-2.828s-.416-2.073-1.207-2.862z"})}),I=()=>(0,g.jsx)("svg",{viewBox:"0 0 492.002 492.002",xmlns:"http://www.w3.org/2000/svg",children:(0,g.jsx)("path",{d:"M484.136,328.473L264.988,109.329c-5.064-5.064-11.816-7.844-19.172-7.844c-7.208,0-13.964,2.78-19.02,7.844 L7.852,328.265C2.788,333.333,0,340.089,0,347.297c0,7.208,2.784,13.968,7.852,19.032l16.124,16.124 c5.064,5.064,11.824,7.86,19.032,7.86s13.964-2.796,19.032-7.86l183.852-183.852l184.056,184.064 c5.064,5.06,11.82,7.852,19.032,7.852c7.208,0,13.96-2.792,19.028-7.852l16.128-16.132 C494.624,356.041,494.624,338.965,484.136,328.473z"})}),L=()=>(0,g.jsx)("svg",{viewBox:"0 0 256 256",xmlns:"http://www.w3.org/2000/svg",children:(0,g.jsx)("polygon",{points:"225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093"})});var b=require("react/jsx-runtime"),fa=({date:a,toggleYearPicker:t,changeAction:n})=>{let o=()=>{n((0,j.default)(a).subtract(1,"year"))},e=()=>{n((0,j.default)(a).add(1,"year"))};return(0,b.jsxs)("div",{className:"calendar-years",children:[(0,b.jsx)("div",{tabIndex:0,role:"button",className:"calendar-years-arrow",onClick:o,onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&o()},children:(0,b.jsx)(R,{})}),(0,b.jsx)("div",{onClick:t,className:"calendar-years-current",role:"button",tabIndex:0,children:(0,j.default)(a).format("YYYY")}),(0,b.jsx)("div",{onClick:e,role:"button",tabIndex:0,className:"calendar-years-arrow",onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&e()},children:(0,b.jsx)(T,{})})]})},H=fa;var C=require("react"),J=y(require("clsx"),1),S=y(require("dayjs"),1);var k=require("react/jsx-runtime"),pa=({toggleYearPicker:a,date:t,changeAction:n})=>{let[o,e]=(0,C.useState)((0,S.default)(t)),[c,r]=(0,C.useState)(!0),i=o.year(),h=Array.from({length:25},(d,_)=>i-12+_),s=d=>{d?.preventDefault(),n((0,S.default)(o)),a()},p=d=>{n((0,S.default)(o).year(d)),a()},v=d=>`${(Math.abs(i-d)*.1/2).toFixed(2)}s`;return(0,C.useEffect)(()=>{r(!1);let d=setTimeout(()=>r(!0),50);return()=>clearTimeout(d)},[o]),(0,k.jsxs)("div",{className:"calendar-yearPicker",onContextMenu:s,children:[(0,k.jsx)("button",{disabled:i<1925,onClick:()=>e(o.subtract(25,"y")),className:"calendar-yearPicker-arrow",children:(0,k.jsx)(R,{})}),h.map(d=>(0,k.jsx)("button",{disabled:d>2100||d<1900,onClick:()=>p(d),className:(0,J.default)("calendar-yearPicker-year",{year_anim:c,calendar_active:i===d}),style:{animationDelay:v(d),animationIterationCount:1},children:d},d)),(0,k.jsx)("button",{className:"calendar-yearPicker-arrow",disabled:i>2075,onClick:()=>e(o.add(25,"y")),children:(0,k.jsx)(T,{})})]})},A=pa;var q=y(require("clsx"),1),F=require("react/jsx-runtime"),ya=({date:a,monthsNames:t,changeAction:n})=>{let o=a.month();return(0,F.jsx)("div",{className:"calendar-months",children:t.map((e,c)=>(0,F.jsx)("div",{className:(0,q.default)("calendar-months-month",{calendar_active:c===o}),onClick:()=>n(a.month(c)),children:e},c))})},K=ya;var Q=y(require("clsx"),1),V=require("react"),M=require("react/jsx-runtime"),ha=({date:a,changeAction:t,weekdays:n})=>{let o=a.date(),e=(0,V.useMemo)(()=>{let r=a.daysInMonth();return Array.from({length:r},(i,h)=>h+1)},[a]),c=r=>{r!==o&&t(a.date(r))};return(0,M.jsxs)("div",{className:"calendar-days",children:[n.map(r=>(0,M.jsx)("div",{className:"calendar-days-header",children:r},r)),e.map(r=>(0,M.jsx)("div",{onClick:()=>c(r),onKeyDown:i=>{(i.key==="Enter"||i.key===" ")&&c(r)},tabIndex:0,role:"button",className:(0,Q.default)("calendar-days-day",{calendar_active:r===o}),children:r},r))]})},z=ha;var E=require("react"),m=y(require("dayjs"),1);var l=require("react/jsx-runtime"),ua=({date:a,changeAction:t})=>{let[n,o]=(0,E.useState)((0,m.default)(a).format("HH")),[e,c]=(0,E.useState)((0,m.default)(a).format("mm")),r=(s,p)=>{t((0,m.default)(a).add(s,p))},i=(s,p)=>{t((0,m.default)(a).subtract(s,p))},h=(s,p)=>{let v="deltaY"in s?s.deltaY:0;v<0?t((0,m.default)(a).subtract(1,p)):v>0&&t((0,m.default)(a).add(1,p))};return(0,E.useEffect)(()=>{let s=(0,m.default)(a);o(s.format("HH")),c(s.format("mm"))},[a]),(0,l.jsxs)("div",{className:"calendar-time",children:[(0,l.jsxs)("div",{className:"calendar-time-half hours",onWheel:s=>h(s,"h"),children:[(0,l.jsx)("div",{className:"calendar-time-half-cell",onClick:()=>i(1,"h"),children:(0,l.jsx)(I,{})}),(0,l.jsx)("div",{onClick:()=>i(2,"h"),className:"calendar-time-half-cell",children:(0,m.default)(a).subtract(2,"h").format("HH")}),(0,l.jsx)("div",{onClick:()=>i(1,"h"),className:"calendar-time-half-cell",children:(0,m.default)(a).subtract(1,"h").format("HH")}),(0,l.jsx)("div",{className:"calendar-time-half-cell dividerhour",children:n}),(0,l.jsx)("div",{onClick:()=>r(1,"h"),className:"calendar-time-half-cell",children:(0,m.default)(a).add(1,"h").format("HH")}),(0,l.jsx)("div",{onClick:()=>r(2,"h"),className:"calendar-time-half-cell",children:(0,m.default)(a).add(2,"h").format("HH")}),(0,l.jsx)("div",{className:"calendar-time-half-cell",onClick:()=>r(1,"h"),children:(0,l.jsx)(L,{})})]}),(0,l.jsxs)("div",{className:"calendar-time-half",onWheel:s=>h(s,"m"),children:[(0,l.jsx)("div",{className:"calendar-time-half-cell",onClick:()=>i(1,"m"),children:(0,l.jsx)(I,{})}),(0,l.jsx)("div",{onClick:()=>i(2,"m"),className:"calendar-time-half-cell",children:(0,m.default)(a).subtract(2,"m").format("mm")}),(0,l.jsx)("div",{onClick:()=>i(1,"m"),className:"calendar-time-half-cell",children:(0,m.default)(a).subtract(1,"m").format("mm")}),(0,l.jsx)("div",{className:"calendar-time-half-cell",children:e}),(0,l.jsx)("div",{onClick:()=>r(1,"m"),className:"calendar-time-half-cell",children:(0,m.default)(a).add(1,"m").format("mm")}),(0,l.jsx)("div",{onClick:()=>r(2,"m"),className:"calendar-time-half-cell",children:(0,m.default)(a).add(2,"m").format("mm")}),(0,l.jsx)("div",{onClick:()=>r(1,"m"),className:"calendar-time-half-cell",children:(0,l.jsx)(L,{})})]})]})},B=ua;var X=y(require("dayjs"),1);var ga={ru:{t:"\u0441\u0435\u0433\u043E\u0434\u043D\u044F",y:"\u0432\u0447\u0435\u0440\u0430",wa:"\u043D\u0435\u0434\u0435\u043B\u044E \u043D\u0430\u0437\u0430\u0434",ma:"\u043C\u0435\u0441\u044F\u0446 \u043D\u0430\u0437\u0430\u0434",ya:"\u0433\u043E\u0434 \u043D\u0430\u0437\u0430\u0434"},en:{t:"today",y:"yesterday",wa:"week ago",ma:"month ago",ya:"year ago"},ua:{t:"\u0441\u044C\u043E\u0433\u043E\u0434\u043D\u0456",y:"\u0432\u0447\u043E\u0440\u0430",wa:"\u0442\u0438\u0436\u0434\u0435\u043D\u044C \u0442\u043E\u043C\u0443",ma:"\u043C\u0456\u0441\u044F\u0446\u044C \u0442\u043E\u043C\u0443",ya:"\u0440\u0456\u043A \u0442\u043E\u043C\u0443"},de:{t:"heute",y:"gestern",wa:"vor 1 Woche",ma:"vor 1 Monat",ya:"vor 1 Jahr"},"zh-cn":{t:"\u4ECA\u5929",y:"\u6628\u5929",wa:"\u4E00\u5468\u524D",ma:"\u4E00\u4E2A\u6708\u524D",ya:"\u4E00\u5E74\u524D"},fr:{t:"aujourd'hui",y:"hier",wa:"il y a une semaine",ma:"il y a un mois",ya:"il y a un an"},es:{t:"hoy",y:"ayer",wa:"hace una semana",ma:"hace un mes",ya:"hace un a\xF1o"},sr:{t:"danas",y:"ju\u010De",wa:"pre nedelju dana",ma:"pre mesec dana",ya:"pre godinu dana"}},W=ga;var O=require("react/jsx-runtime"),va=[{key:"t",amount:0,unit:"day"},{key:"y",amount:1,unit:"day"},{key:"wa",amount:1,unit:"week"},{key:"ma",amount:1,unit:"month"},{key:"ya",amount:1,unit:"year"}],ba=({locale:a,changeAction:t})=>{let n=W[a]||W.en,o=(e,c)=>{t((0,X.default)().subtract(e,c).startOf("day"))};return(0,O.jsx)("div",{className:"calendar-presets",children:va.map(({key:e,amount:c,unit:r})=>(0,O.jsx)("div",{onClick:()=>o(c,r),onKeyDown:i=>{(i.key==="Enter"||i.key===" ")&&o(c,r)},tabIndex:0,role:"button",className:"calendar-presets-preset",children:n[e]},e))})},$=ba;var Z=`
|
|
2
2
|
:root {
|
|
3
3
|
--cal-accent: #ffffff;
|
|
4
4
|
--cal-backdrop: #ffffff;
|
|
@@ -17,6 +17,15 @@
|
|
|
17
17
|
--cal-border-color: #333333;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
[data-theme="cyber_imperial"] {
|
|
21
|
+
--cal-accent: #0d0d15;
|
|
22
|
+
--cal-backdrop: #07070b;
|
|
23
|
+
--cal-highlight: #00f3ff;
|
|
24
|
+
--cal-tone: #301649;
|
|
25
|
+
--cal-color-text: #ffffff;
|
|
26
|
+
--cal-border-color: #2a2a4a;
|
|
27
|
+
}
|
|
28
|
+
|
|
20
29
|
[data-theme="midnight"] {
|
|
21
30
|
--cal-accent: #141721;
|
|
22
31
|
--cal-backdrop: #1e2333;
|
|
@@ -301,4 +310,4 @@
|
|
|
301
310
|
opacity: 1;
|
|
302
311
|
}
|
|
303
312
|
}
|
|
304
|
-
`;var f=require("react/jsx-runtime");w.default.extend(ea.default);var ka=({presets:a=!1,months:t=!0,date:n=new Date,time:o=!1,locale:e="en",onChangeDate:
|
|
313
|
+
`;var f=require("react/jsx-runtime");w.default.extend(ea.default);var ka=({presets:a=!1,months:t=!0,date:n=new Date,time:o=!1,locale:e="en",onChangeDate:c,width:r=null,height:i=null,theme:h="light"})=>{let[s,p]=(0,x.useState)(!1),[v,d]=(0,x.useState)(!1),_=s?e:"en",P=(0,w.default)(n).locale(_),U=()=>d(!v);(0,x.useInsertionEffect)(()=>{let u="react-calendar-datetime-styles";if(typeof document<"u"&&!document.getElementById(u)){let Y=document.createElement("style");Y.id=u,Y.innerHTML=Z,document.head.appendChild(Y)}},[]);let D=u=>{c?c(u.toDate()):console.warn('Must provide an "onChangeDate" function')},ta=s?Array.from({length:12},(u,Y)=>(0,w.default)().locale(e).month(Y).format("MMMM")):[];(0,x.useEffect)(()=>{let u=!0;return(async()=>{try{e==="en"?w.default.locale("en"):(await import(`dayjs/locale/${e}.js`),u&&w.default.locale(e))}catch(oa){console.warn(`Could not load locale: ${e}`,oa)}finally{u&&p(!0)}})(),()=>{u=!1}},[e]);let ra=s?(0,w.default)().locale(e).localeData().weekdaysMin():[];return(0,f.jsx)("div",{style:{width:r??void 0,height:i??void 0},className:(0,aa.default)("calendar",{with_time:o,with_presets:a,years_picker:v,no_months:!t}),"data-theme":h!=="light"?h:void 0,children:v?(0,f.jsx)(A,{date:P,changeAction:D,toggleYearPicker:U}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(H,{date:P,toggleYearPicker:U,changeAction:D}),t&&(0,f.jsx)(K,{monthsNames:ta,date:P,changeAction:D}),s&&(0,f.jsx)(z,{date:P,changeAction:D,weekdays:ra}),o&&(0,f.jsx)(B,{date:P,changeAction:D}),a&&(0,f.jsx)($,{locale:e,changeAction:D})]})})};
|
package/dist/index.d.cts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Dayjs } from 'dayjs';
|
|
3
3
|
|
|
4
|
-
type CalendarTheme = "light" | "dark" | "midnight" | "sandstone" | "mint_blue";
|
|
4
|
+
type CalendarTheme = "light" | "dark" | "midnight" | "sandstone" | "mint_blue" | "cyber_imperial";
|
|
5
5
|
|
|
6
6
|
type LocaleKey = "ru" | "en" | "ua" | "de" | "zh-cn" | "fr" | "es" | "sr";
|
|
7
7
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Dayjs } from 'dayjs';
|
|
3
3
|
|
|
4
|
-
type CalendarTheme = "light" | "dark" | "midnight" | "sandstone" | "mint_blue";
|
|
4
|
+
type CalendarTheme = "light" | "dark" | "midnight" | "sandstone" | "mint_blue" | "cyber_imperial";
|
|
5
5
|
|
|
6
6
|
type LocaleKey = "ru" | "en" | "ua" | "de" | "zh-cn" | "fr" | "es" | "sr";
|
|
7
7
|
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import ya from"clsx";import{useEffect as ha,useInsertionEffect as ua,useState as U}from"react";import k from"dayjs";import ga from"dayjs/plugin/localeData";import"dayjs/locale/en";import"dayjs/locale/es";import"dayjs/locale/ru";import"dayjs/locale/de";import"dayjs/locale/sr";import"dayjs/locale/fr";import N from"dayjs";import{jsx as u}from"react/jsx-runtime";var Y=()=>u("svg",{height:"256",viewBox:"0 0 64 64",width:"256",xmlns:"http://www.w3.org/2000/svg",children:u("path",{d:"m54 30h-39.899l15.278-14.552c.8-.762.831-2.028.069-2.828-.761-.799-2.027-.831-2.828-.069l-17.448 16.62c-.755.756-1.172 1.76-1.172 2.829 0 1.068.417 2.073 1.207 2.862l17.414 16.586c.387.369.883.552 1.379.552.528 0 1.056-.208 1.449-.621.762-.8.731-2.065-.069-2.827l-15.342-14.552h39.962c1.104 0 2-.896 2-2s-.896-2-2-2z"})}),P=()=>u("svg",{height:"256",viewBox:"0 0 64 64",width:"256",xmlns:"http://www.w3.org/2000/svg",children:u("path",{d:"m37.379 12.552c-.799-.761-2.066-.731-2.827.069-.762.8-.73 2.066.069 2.828l15.342 14.551h-39.963c-1.104 0-2 .896-2 2s-.896 2 2 2h39.899l-15.278 14.552c-.8.762-.831 2.028-.069 2.828.393.412.92.62 1.448.62.496 0 .992-.183 1.379-.552l17.449-16.62c.756-.755 1.172-1.759 1.172-2.828s-.416-2.073-1.207-2.862z"})}),M=()=>u("svg",{viewBox:"0 0 492.002 492.002",xmlns:"http://www.w3.org/2000/svg",children:u("path",{d:"M484.136,328.473L264.988,109.329c-5.064-5.064-11.816-7.844-19.172-7.844c-7.208,0-13.964,2.78-19.02,7.844 L7.852,328.265C2.788,333.333,0,340.089,0,347.297c0,7.208,2.784,13.968,7.852,19.032l16.124,16.124 c5.064,5.064,11.824,7.86,19.032,7.86s13.964-2.796,19.032-7.86l183.852-183.852l184.056,184.064 c5.064,5.06,11.82,7.852,19.032,7.852c7.208,0,13.96-2.792,19.028-7.852l16.128-16.132 C494.624,356.041,494.624,338.965,484.136,328.473z"})}),E=()=>u("svg",{viewBox:"0 0 256 256",xmlns:"http://www.w3.org/2000/svg",children:u("polygon",{points:"225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093"})});import{jsx as x,jsxs as V}from"react/jsx-runtime";var Q=({date:a,toggleYearPicker:
|
|
1
|
+
import ya from"clsx";import{useEffect as ha,useInsertionEffect as ua,useState as U}from"react";import k from"dayjs";import ga from"dayjs/plugin/localeData";import"dayjs/locale/en";import"dayjs/locale/es";import"dayjs/locale/ru";import"dayjs/locale/de";import"dayjs/locale/sr";import"dayjs/locale/fr";import N from"dayjs";import{jsx as u}from"react/jsx-runtime";var Y=()=>u("svg",{height:"256",viewBox:"0 0 64 64",width:"256",xmlns:"http://www.w3.org/2000/svg",children:u("path",{d:"m54 30h-39.899l15.278-14.552c.8-.762.831-2.028.069-2.828-.761-.799-2.027-.831-2.828-.069l-17.448 16.62c-.755.756-1.172 1.76-1.172 2.829 0 1.068.417 2.073 1.207 2.862l17.414 16.586c.387.369.883.552 1.379.552.528 0 1.056-.208 1.449-.621.762-.8.731-2.065-.069-2.827l-15.342-14.552h39.962c1.104 0 2-.896 2-2s-.896-2-2-2z"})}),P=()=>u("svg",{height:"256",viewBox:"0 0 64 64",width:"256",xmlns:"http://www.w3.org/2000/svg",children:u("path",{d:"m37.379 12.552c-.799-.761-2.066-.731-2.827.069-.762.8-.73 2.066.069 2.828l15.342 14.551h-39.963c-1.104 0-2 .896-2 2s-.896 2 2 2h39.899l-15.278 14.552c-.8.762-.831 2.028-.069 2.828.393.412.92.62 1.448.62.496 0 .992-.183 1.379-.552l17.449-16.62c.756-.755 1.172-1.759 1.172-2.828s-.416-2.073-1.207-2.862z"})}),M=()=>u("svg",{viewBox:"0 0 492.002 492.002",xmlns:"http://www.w3.org/2000/svg",children:u("path",{d:"M484.136,328.473L264.988,109.329c-5.064-5.064-11.816-7.844-19.172-7.844c-7.208,0-13.964,2.78-19.02,7.844 L7.852,328.265C2.788,333.333,0,340.089,0,347.297c0,7.208,2.784,13.968,7.852,19.032l16.124,16.124 c5.064,5.064,11.824,7.86,19.032,7.86s13.964-2.796,19.032-7.86l183.852-183.852l184.056,184.064 c5.064,5.06,11.82,7.852,19.032,7.852c7.208,0,13.96-2.792,19.028-7.852l16.128-16.132 C494.624,356.041,494.624,338.965,484.136,328.473z"})}),E=()=>u("svg",{viewBox:"0 0 256 256",xmlns:"http://www.w3.org/2000/svg",children:u("polygon",{points:"225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093"})});import{jsx as x,jsxs as V}from"react/jsx-runtime";var Q=({date:a,toggleYearPicker:s,changeAction:d})=>{let o=()=>{d(N(a).subtract(1,"year"))},t=()=>{d(N(a).add(1,"year"))};return V("div",{className:"calendar-years",children:[x("div",{tabIndex:0,role:"button",className:"calendar-years-arrow",onClick:o,onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&o()},children:x(Y,{})}),x("div",{onClick:s,className:"calendar-years-current",role:"button",tabIndex:0,children:N(a).format("YYYY")}),x("div",{onClick:t,role:"button",tabIndex:0,className:"calendar-years-arrow",onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&t()},children:x(P,{})})]})},R=Q;import{useEffect as X,useState as K}from"react";import Z from"clsx";import T from"dayjs";import{jsx as D,jsxs as ea}from"react/jsx-runtime";var aa=({toggleYearPicker:a,date:s,changeAction:d})=>{let[o,t]=K(T(s)),[r,e]=K(!0),n=o.year(),p=Array.from({length:25},(l,C)=>n-12+C),c=l=>{l?.preventDefault(),d(T(o)),a()},f=l=>{d(T(o).year(l)),a()},h=l=>`${(Math.abs(n-l)*.1/2).toFixed(2)}s`;return X(()=>{e(!1);let l=setTimeout(()=>e(!0),50);return()=>clearTimeout(l)},[o]),ea("div",{className:"calendar-yearPicker",onContextMenu:c,children:[D("button",{disabled:n<1925,onClick:()=>t(o.subtract(25,"y")),className:"calendar-yearPicker-arrow",children:D(Y,{})}),p.map(l=>D("button",{disabled:l>2100||l<1900,onClick:()=>f(l),className:Z("calendar-yearPicker-year",{year_anim:r,calendar_active:n===l}),style:{animationDelay:h(l),animationIterationCount:1},children:l},l)),D("button",{className:"calendar-yearPicker-arrow",disabled:n>2075,onClick:()=>t(o.add(25,"y")),children:D(P,{})})]})},j=aa;import ta from"clsx";import{jsx as z}from"react/jsx-runtime";var ra=({date:a,monthsNames:s,changeAction:d})=>{let o=a.month();return z("div",{className:"calendar-months",children:s.map((t,r)=>z("div",{className:ta("calendar-months-month",{calendar_active:r===o}),onClick:()=>d(a.month(r)),children:t},r))})},S=ra;import oa from"clsx";import{useMemo as na}from"react";import{jsx as B,jsxs as la}from"react/jsx-runtime";var ca=({date:a,changeAction:s,weekdays:d})=>{let o=a.date(),t=na(()=>{let e=a.daysInMonth();return Array.from({length:e},(n,p)=>p+1)},[a]),r=e=>{e!==o&&s(a.date(e))};return la("div",{className:"calendar-days",children:[d.map(e=>B("div",{className:"calendar-days-header",children:e},e)),t.map(e=>B("div",{onClick:()=>r(e),onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&r(e)},tabIndex:0,role:"button",className:oa("calendar-days-day",{calendar_active:e===o}),children:e},e))]})},_=ca;import{useEffect as ia,useState as W}from"react";import m from"dayjs";import{jsx as i,jsxs as I}from"react/jsx-runtime";var sa=({date:a,changeAction:s})=>{let[d,o]=W(m(a).format("HH")),[t,r]=W(m(a).format("mm")),e=(c,f)=>{s(m(a).add(c,f))},n=(c,f)=>{s(m(a).subtract(c,f))},p=(c,f)=>{let h="deltaY"in c?c.deltaY:0;h<0?s(m(a).subtract(1,f)):h>0&&s(m(a).add(1,f))};return ia(()=>{let c=m(a);o(c.format("HH")),r(c.format("mm"))},[a]),I("div",{className:"calendar-time",children:[I("div",{className:"calendar-time-half hours",onWheel:c=>p(c,"h"),children:[i("div",{className:"calendar-time-half-cell",onClick:()=>n(1,"h"),children:i(M,{})}),i("div",{onClick:()=>n(2,"h"),className:"calendar-time-half-cell",children:m(a).subtract(2,"h").format("HH")}),i("div",{onClick:()=>n(1,"h"),className:"calendar-time-half-cell",children:m(a).subtract(1,"h").format("HH")}),i("div",{className:"calendar-time-half-cell dividerhour",children:d}),i("div",{onClick:()=>e(1,"h"),className:"calendar-time-half-cell",children:m(a).add(1,"h").format("HH")}),i("div",{onClick:()=>e(2,"h"),className:"calendar-time-half-cell",children:m(a).add(2,"h").format("HH")}),i("div",{className:"calendar-time-half-cell",onClick:()=>e(1,"h"),children:i(E,{})})]}),I("div",{className:"calendar-time-half",onWheel:c=>p(c,"m"),children:[i("div",{className:"calendar-time-half-cell",onClick:()=>n(1,"m"),children:i(M,{})}),i("div",{onClick:()=>n(2,"m"),className:"calendar-time-half-cell",children:m(a).subtract(2,"m").format("mm")}),i("div",{onClick:()=>n(1,"m"),className:"calendar-time-half-cell",children:m(a).subtract(1,"m").format("mm")}),i("div",{className:"calendar-time-half-cell",children:t}),i("div",{onClick:()=>e(1,"m"),className:"calendar-time-half-cell",children:m(a).add(1,"m").format("mm")}),i("div",{onClick:()=>e(2,"m"),className:"calendar-time-half-cell",children:m(a).add(2,"m").format("mm")}),i("div",{onClick:()=>e(1,"m"),className:"calendar-time-half-cell",children:i(E,{})})]})]})},L=sa;import ma from"dayjs";var da={ru:{t:"\u0441\u0435\u0433\u043E\u0434\u043D\u044F",y:"\u0432\u0447\u0435\u0440\u0430",wa:"\u043D\u0435\u0434\u0435\u043B\u044E \u043D\u0430\u0437\u0430\u0434",ma:"\u043C\u0435\u0441\u044F\u0446 \u043D\u0430\u0437\u0430\u0434",ya:"\u0433\u043E\u0434 \u043D\u0430\u0437\u0430\u0434"},en:{t:"today",y:"yesterday",wa:"week ago",ma:"month ago",ya:"year ago"},ua:{t:"\u0441\u044C\u043E\u0433\u043E\u0434\u043D\u0456",y:"\u0432\u0447\u043E\u0440\u0430",wa:"\u0442\u0438\u0436\u0434\u0435\u043D\u044C \u0442\u043E\u043C\u0443",ma:"\u043C\u0456\u0441\u044F\u0446\u044C \u0442\u043E\u043C\u0443",ya:"\u0440\u0456\u043A \u0442\u043E\u043C\u0443"},de:{t:"heute",y:"gestern",wa:"vor 1 Woche",ma:"vor 1 Monat",ya:"vor 1 Jahr"},"zh-cn":{t:"\u4ECA\u5929",y:"\u6628\u5929",wa:"\u4E00\u5468\u524D",ma:"\u4E00\u4E2A\u6708\u524D",ya:"\u4E00\u5E74\u524D"},fr:{t:"aujourd'hui",y:"hier",wa:"il y a une semaine",ma:"il y a un mois",ya:"il y a un an"},es:{t:"hoy",y:"ayer",wa:"hace una semana",ma:"hace un mes",ya:"hace un a\xF1o"},sr:{t:"danas",y:"ju\u010De",wa:"pre nedelju dana",ma:"pre mesec dana",ya:"pre godinu dana"}},H=da;import{jsx as O}from"react/jsx-runtime";var fa=[{key:"t",amount:0,unit:"day"},{key:"y",amount:1,unit:"day"},{key:"wa",amount:1,unit:"week"},{key:"ma",amount:1,unit:"month"},{key:"ya",amount:1,unit:"year"}],pa=({locale:a,changeAction:s})=>{let d=H[a]||H.en,o=(t,r)=>{s(ma().subtract(t,r).startOf("day"))};return O("div",{className:"calendar-presets",children:fa.map(({key:t,amount:r,unit:e})=>O("div",{onClick:()=>o(r,e),onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&o(r,e)},tabIndex:0,role:"button",className:"calendar-presets-preset",children:d[t]},t))})},A=pa;var $=`
|
|
2
2
|
:root {
|
|
3
3
|
--cal-accent: #ffffff;
|
|
4
4
|
--cal-backdrop: #ffffff;
|
|
@@ -17,6 +17,15 @@ import ya from"clsx";import{useEffect as ha,useInsertionEffect as ua,useState as
|
|
|
17
17
|
--cal-border-color: #333333;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
[data-theme="cyber_imperial"] {
|
|
21
|
+
--cal-accent: #0d0d15;
|
|
22
|
+
--cal-backdrop: #07070b;
|
|
23
|
+
--cal-highlight: #00f3ff;
|
|
24
|
+
--cal-tone: #301649;
|
|
25
|
+
--cal-color-text: #ffffff;
|
|
26
|
+
--cal-border-color: #2a2a4a;
|
|
27
|
+
}
|
|
28
|
+
|
|
20
29
|
[data-theme="midnight"] {
|
|
21
30
|
--cal-accent: #141721;
|
|
22
31
|
--cal-backdrop: #1e2333;
|
|
@@ -301,4 +310,4 @@ import ya from"clsx";import{useEffect as ha,useInsertionEffect as ua,useState as
|
|
|
301
310
|
opacity: 1;
|
|
302
311
|
}
|
|
303
312
|
}
|
|
304
|
-
`;import{Fragment as va,jsx as g,jsxs as ba}from"react/jsx-runtime";k.extend(ga);var Re=({presets:a=!1,months:
|
|
313
|
+
`;import{Fragment as va,jsx as g,jsxs as ba}from"react/jsx-runtime";k.extend(ga);var Re=({presets:a=!1,months:s=!0,date:d=new Date,time:o=!1,locale:t="en",onChangeDate:r,width:e=null,height:n=null,theme:p="light"})=>{let[c,f]=U(!1),[h,l]=U(!1),C=c?t:"en",w=k(d).locale(C),F=()=>l(!h);ua(()=>{let y="react-calendar-datetime-styles";if(typeof document<"u"&&!document.getElementById(y)){let b=document.createElement("style");b.id=y,b.innerHTML=$,document.head.appendChild(b)}},[]);let v=y=>{r?r(y.toDate()):console.warn('Must provide an "onChangeDate" function')},G=c?Array.from({length:12},(y,b)=>k().locale(t).month(b).format("MMMM")):[];ha(()=>{let y=!0;return(async()=>{try{t==="en"?k.locale("en"):(await import(`dayjs/locale/${t}.js`),y&&k.locale(t))}catch(q){console.warn(`Could not load locale: ${t}`,q)}finally{y&&f(!0)}})(),()=>{y=!1}},[t]);let J=c?k().locale(t).localeData().weekdaysMin():[];return g("div",{style:{width:e??void 0,height:n??void 0},className:ya("calendar",{with_time:o,with_presets:a,years_picker:h,no_months:!s}),"data-theme":p!=="light"?p:void 0,children:h?g(j,{date:w,changeAction:v,toggleYearPicker:F}):ba(va,{children:[g(R,{date:w,toggleYearPicker:F,changeAction:v}),s&&g(S,{monthsNames:G,date:w,changeAction:v}),c&&g(_,{date:w,changeAction:v,weekdays:J}),o&&g(L,{date:w,changeAction:v}),a&&g(A,{locale:t,changeAction:v})]})})};export{Re as Calendar};
|