@bagelink/vue 1.1.8-beta.1 → 1.1.8-beta.3
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 +10 -10
- package/dist/index.mjs +10 -10
- package/dist/style.css +42 -42
- package/dist/types/timeAgoT.d.ts +23 -0
- package/dist/types/timeAgoT.d.ts.map +1 -0
- package/dist/utils/timeAgo.d.ts +1 -1
- package/dist/utils/timeAgo.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/form/inputs/DateInput.vue +5 -5
- package/src/components/form/inputs/DatePick.vue +3 -3
- package/src/types/{timeago.ts → timeAgoT.ts} +0 -1
- package/src/utils/timeAgo.ts +1 -1
package/dist/index.cjs
CHANGED
|
@@ -16449,7 +16449,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
|
|
|
16449
16449
|
}
|
|
16450
16450
|
function emitDateValue(date2) {
|
|
16451
16451
|
if (props2.enableTime) {
|
|
16452
|
-
emit2("update:modelValue", formatDate(date2, "YYYY-MM-DD HH:
|
|
16452
|
+
emit2("update:modelValue", formatDate(date2, "YYYY-MM-DD HH:mm"));
|
|
16453
16453
|
} else {
|
|
16454
16454
|
emit2("update:modelValue", formatDate(date2, "YYYY-MM-DD"));
|
|
16455
16455
|
}
|
|
@@ -16688,25 +16688,25 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
|
|
|
16688
16688
|
vue.createElementVNode("div", _hoisted_15$3, [
|
|
16689
16689
|
vue.createVNode(vue.unref(NumberInput), {
|
|
16690
16690
|
center: "",
|
|
16691
|
-
|
|
16691
|
+
modelValue: vue.unref(hours),
|
|
16692
16692
|
disabled: !vue.unref(selectedDate),
|
|
16693
16693
|
min: 0,
|
|
16694
16694
|
max: 23,
|
|
16695
16695
|
layout: "vertical",
|
|
16696
16696
|
padZero: 2,
|
|
16697
16697
|
"onUpdate:modelValue": vue.unref(handleHourInput)
|
|
16698
|
-
}, null, 8, ["
|
|
16698
|
+
}, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
|
|
16699
16699
|
_cache[7] || (_cache[7] = vue.createElementVNode("p", { class: "pb-075" }, " : ", -1)),
|
|
16700
16700
|
vue.createVNode(vue.unref(NumberInput), {
|
|
16701
16701
|
center: "",
|
|
16702
|
-
|
|
16702
|
+
modelValue: vue.unref(minutes),
|
|
16703
16703
|
disabled: !vue.unref(selectedDate),
|
|
16704
16704
|
min: 0,
|
|
16705
16705
|
max: 59,
|
|
16706
16706
|
padZero: 2,
|
|
16707
16707
|
layout: "vertical",
|
|
16708
16708
|
"onUpdate:modelValue": vue.unref(handleMinuteInput)
|
|
16709
|
-
}, null, 8, ["
|
|
16709
|
+
}, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])
|
|
16710
16710
|
]),
|
|
16711
16711
|
vue.unref(selectedDate) ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
|
|
16712
16712
|
key: 0,
|
|
@@ -16727,7 +16727,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
|
|
|
16727
16727
|
};
|
|
16728
16728
|
}
|
|
16729
16729
|
});
|
|
16730
|
-
const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-
|
|
16730
|
+
const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-2adea311"]]);
|
|
16731
16731
|
const _hoisted_1$F = ["title"];
|
|
16732
16732
|
const _hoisted_2$t = { key: 0 };
|
|
16733
16733
|
const _hoisted_3$o = {
|
|
@@ -16790,11 +16790,11 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
|
16790
16790
|
function formatDisplayDate(date2) {
|
|
16791
16791
|
if (!date2) return "";
|
|
16792
16792
|
console.log("date", date2);
|
|
16793
|
-
return formatDate(date2, props2.enableTime ? "DD.MM.YY HH:
|
|
16793
|
+
return formatDate(date2, props2.enableTime ? "DD.MM.YY HH:mm" : "DD.MM.YY", props2.locale);
|
|
16794
16794
|
}
|
|
16795
16795
|
const formattedDisplayValue = vue.computed(() => formatDisplayDate(props2.modelValue));
|
|
16796
|
-
const formattedMin = vue.computed(() => formatDate(props2.min, props2.enableTime ? "DD.MM.YY HH:
|
|
16797
|
-
const formattedMax = vue.computed(() => formatDate(props2.max, props2.enableTime ? "DD.MM.YY HH:
|
|
16796
|
+
const formattedMin = vue.computed(() => formatDate(props2.min, props2.enableTime ? "DD.MM.YY HH:mm" : "DD.MM.YY"));
|
|
16797
|
+
const formattedMax = vue.computed(() => formatDate(props2.max, props2.enableTime ? "DD.MM.YY HH:mm" : "DD.MM.YY"));
|
|
16798
16798
|
const selectedDate = vue.computed(() => {
|
|
16799
16799
|
if (!props2.modelValue) return null;
|
|
16800
16800
|
return typeof props2.modelValue === "string" ? new Date(props2.modelValue) : props2.modelValue;
|
|
@@ -17104,7 +17104,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
|
17104
17104
|
};
|
|
17105
17105
|
}
|
|
17106
17106
|
});
|
|
17107
|
-
const DatePick = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-
|
|
17107
|
+
const DatePick = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-7a6a8ea5"]]);
|
|
17108
17108
|
const _hoisted_1$E = { class: "datetime-wrap" };
|
|
17109
17109
|
const _hoisted_2$s = {
|
|
17110
17110
|
key: 0,
|
package/dist/index.mjs
CHANGED
|
@@ -16447,7 +16447,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
|
16447
16447
|
}
|
|
16448
16448
|
function emitDateValue(date2) {
|
|
16449
16449
|
if (props2.enableTime) {
|
|
16450
|
-
emit2("update:modelValue", formatDate(date2, "YYYY-MM-DD HH:
|
|
16450
|
+
emit2("update:modelValue", formatDate(date2, "YYYY-MM-DD HH:mm"));
|
|
16451
16451
|
} else {
|
|
16452
16452
|
emit2("update:modelValue", formatDate(date2, "YYYY-MM-DD"));
|
|
16453
16453
|
}
|
|
@@ -16686,25 +16686,25 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
|
16686
16686
|
createElementVNode("div", _hoisted_15$3, [
|
|
16687
16687
|
createVNode(unref(NumberInput), {
|
|
16688
16688
|
center: "",
|
|
16689
|
-
|
|
16689
|
+
modelValue: unref(hours),
|
|
16690
16690
|
disabled: !unref(selectedDate),
|
|
16691
16691
|
min: 0,
|
|
16692
16692
|
max: 23,
|
|
16693
16693
|
layout: "vertical",
|
|
16694
16694
|
padZero: 2,
|
|
16695
16695
|
"onUpdate:modelValue": unref(handleHourInput)
|
|
16696
|
-
}, null, 8, ["
|
|
16696
|
+
}, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
|
|
16697
16697
|
_cache[7] || (_cache[7] = createElementVNode("p", { class: "pb-075" }, " : ", -1)),
|
|
16698
16698
|
createVNode(unref(NumberInput), {
|
|
16699
16699
|
center: "",
|
|
16700
|
-
|
|
16700
|
+
modelValue: unref(minutes),
|
|
16701
16701
|
disabled: !unref(selectedDate),
|
|
16702
16702
|
min: 0,
|
|
16703
16703
|
max: 59,
|
|
16704
16704
|
padZero: 2,
|
|
16705
16705
|
layout: "vertical",
|
|
16706
16706
|
"onUpdate:modelValue": unref(handleMinuteInput)
|
|
16707
|
-
}, null, 8, ["
|
|
16707
|
+
}, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])
|
|
16708
16708
|
]),
|
|
16709
16709
|
unref(selectedDate) ? (openBlock(), createBlock(unref(Btn), {
|
|
16710
16710
|
key: 0,
|
|
@@ -16725,7 +16725,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
|
16725
16725
|
};
|
|
16726
16726
|
}
|
|
16727
16727
|
});
|
|
16728
|
-
const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-
|
|
16728
|
+
const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-2adea311"]]);
|
|
16729
16729
|
const _hoisted_1$F = ["title"];
|
|
16730
16730
|
const _hoisted_2$t = { key: 0 };
|
|
16731
16731
|
const _hoisted_3$o = {
|
|
@@ -16788,11 +16788,11 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
16788
16788
|
function formatDisplayDate(date2) {
|
|
16789
16789
|
if (!date2) return "";
|
|
16790
16790
|
console.log("date", date2);
|
|
16791
|
-
return formatDate(date2, props2.enableTime ? "DD.MM.YY HH:
|
|
16791
|
+
return formatDate(date2, props2.enableTime ? "DD.MM.YY HH:mm" : "DD.MM.YY", props2.locale);
|
|
16792
16792
|
}
|
|
16793
16793
|
const formattedDisplayValue = computed(() => formatDisplayDate(props2.modelValue));
|
|
16794
|
-
const formattedMin = computed(() => formatDate(props2.min, props2.enableTime ? "DD.MM.YY HH:
|
|
16795
|
-
const formattedMax = computed(() => formatDate(props2.max, props2.enableTime ? "DD.MM.YY HH:
|
|
16794
|
+
const formattedMin = computed(() => formatDate(props2.min, props2.enableTime ? "DD.MM.YY HH:mm" : "DD.MM.YY"));
|
|
16795
|
+
const formattedMax = computed(() => formatDate(props2.max, props2.enableTime ? "DD.MM.YY HH:mm" : "DD.MM.YY"));
|
|
16796
16796
|
const selectedDate = computed(() => {
|
|
16797
16797
|
if (!props2.modelValue) return null;
|
|
16798
16798
|
return typeof props2.modelValue === "string" ? new Date(props2.modelValue) : props2.modelValue;
|
|
@@ -17102,7 +17102,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
17102
17102
|
};
|
|
17103
17103
|
}
|
|
17104
17104
|
});
|
|
17105
|
-
const DatePick = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-
|
|
17105
|
+
const DatePick = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-7a6a8ea5"]]);
|
|
17106
17106
|
const _hoisted_1$E = { class: "datetime-wrap" };
|
|
17107
17107
|
const _hoisted_2$s = {
|
|
17108
17108
|
key: 0,
|
package/dist/style.css
CHANGED
|
@@ -1433,135 +1433,135 @@ pre code.hljs{
|
|
|
1433
1433
|
outline-color: var(--input-bg);
|
|
1434
1434
|
}
|
|
1435
1435
|
|
|
1436
|
-
.calendar-container[data-v-
|
|
1436
|
+
.calendar-container[data-v-2adea311] {
|
|
1437
1437
|
max-width: 90vw;
|
|
1438
1438
|
}
|
|
1439
|
-
.calendar-section[data-v-
|
|
1439
|
+
.calendar-section[data-v-2adea311] {
|
|
1440
1440
|
min-width: 280px;
|
|
1441
1441
|
}
|
|
1442
|
-
.calendar-grid[data-v-
|
|
1442
|
+
.calendar-grid[data-v-2adea311] {
|
|
1443
1443
|
grid-template-columns: repeat(7, 1fr);
|
|
1444
1444
|
}
|
|
1445
|
-
.month-grid[data-v-
|
|
1445
|
+
.month-grid[data-v-2adea311] {
|
|
1446
1446
|
grid-template-columns: repeat(3, 1fr);
|
|
1447
1447
|
grid-template-rows: repeat(4, 1fr);
|
|
1448
1448
|
}
|
|
1449
|
-
.year-grid[data-v-
|
|
1449
|
+
.year-grid[data-v-2adea311] {
|
|
1450
1450
|
grid-template-columns: repeat(3, 1fr);
|
|
1451
1451
|
grid-template-rows: repeat(7, 1fr);
|
|
1452
1452
|
}
|
|
1453
|
-
.month-item[data-v-
|
|
1454
|
-
.year-item[data-v-
|
|
1453
|
+
.month-item[data-v-2adea311],
|
|
1454
|
+
.year-item[data-v-2adea311] {
|
|
1455
1455
|
background: none;
|
|
1456
1456
|
color: var(--bgl-text-color);
|
|
1457
1457
|
}
|
|
1458
|
-
.month-item[data-v-
|
|
1459
|
-
.year-item[data-v-
|
|
1458
|
+
.month-item[data-v-2adea311]:hover:not(.disabled),
|
|
1459
|
+
.year-item[data-v-2adea311]:hover:not(.disabled) {
|
|
1460
1460
|
background: var(--bgl-box-bg);
|
|
1461
1461
|
filter: var(--bgl-hover-filter);
|
|
1462
1462
|
}
|
|
1463
|
-
.month-item[data-v-
|
|
1464
|
-
.year-item[data-v-
|
|
1463
|
+
.month-item[data-v-2adea311]:active:not(.disabled),
|
|
1464
|
+
.year-item[data-v-2adea311]:active:not(.disabled) {
|
|
1465
1465
|
background: var(--bgl-box-bg);
|
|
1466
1466
|
filter: var(--bgl-active-filter);
|
|
1467
1467
|
}
|
|
1468
|
-
.month-item.selected[data-v-
|
|
1469
|
-
.year-item.selected[data-v-
|
|
1468
|
+
.month-item.selected[data-v-2adea311],
|
|
1469
|
+
.year-item.selected[data-v-2adea311] {
|
|
1470
1470
|
background-color: var(--bgl-primary);
|
|
1471
1471
|
color: white;
|
|
1472
1472
|
}
|
|
1473
|
-
.month-item.disabled[data-v-
|
|
1474
|
-
.year-item.disabled[data-v-
|
|
1473
|
+
.month-item.disabled[data-v-2adea311],
|
|
1474
|
+
.year-item.disabled[data-v-2adea311] {
|
|
1475
1475
|
opacity: 0.6;
|
|
1476
1476
|
filter: grayscale(0.3);
|
|
1477
1477
|
}
|
|
1478
|
-
.day[data-v-
|
|
1478
|
+
.day[data-v-2adea311] {
|
|
1479
1479
|
border: none;
|
|
1480
1480
|
background: none;
|
|
1481
1481
|
color: var(--bgl-text-color);
|
|
1482
1482
|
}
|
|
1483
|
-
.day[data-v-
|
|
1483
|
+
.day[data-v-2adea311]:hover:not(.disabled) {
|
|
1484
1484
|
background-color: var(--input-bg);
|
|
1485
1485
|
}
|
|
1486
|
-
.day.selected[data-v-
|
|
1486
|
+
.day.selected[data-v-2adea311] {
|
|
1487
1487
|
background-color: var(--bgl-primary);
|
|
1488
1488
|
color: var(--bgl-white);
|
|
1489
1489
|
}
|
|
1490
|
-
.day.today[data-v-
|
|
1490
|
+
.day.today[data-v-2adea311]:not(.selected) {
|
|
1491
1491
|
border: 1px solid var(--bgl-primary);
|
|
1492
1492
|
}
|
|
1493
|
-
.day.disabled[data-v-
|
|
1493
|
+
.day.disabled[data-v-2adea311] {
|
|
1494
1494
|
opacity: 0.6;
|
|
1495
1495
|
filter: grayscale(0.3);
|
|
1496
1496
|
cursor: not-allowed;
|
|
1497
1497
|
}
|
|
1498
|
-
.day.not-in-month[data-v-
|
|
1498
|
+
.day.not-in-month[data-v-2adea311] {
|
|
1499
1499
|
opacity: 0.4;
|
|
1500
1500
|
}
|
|
1501
1501
|
|
|
1502
|
-
.calendar-container[data-v-
|
|
1502
|
+
.calendar-container[data-v-7a6a8ea5] {
|
|
1503
1503
|
max-width: 90vw;
|
|
1504
1504
|
}
|
|
1505
|
-
.calendar-section[data-v-
|
|
1505
|
+
.calendar-section[data-v-7a6a8ea5] {
|
|
1506
1506
|
min-width: 280px;
|
|
1507
1507
|
}
|
|
1508
|
-
.calendar-grid[data-v-
|
|
1508
|
+
.calendar-grid[data-v-7a6a8ea5] {
|
|
1509
1509
|
grid-template-columns: repeat(7, 1fr);
|
|
1510
1510
|
}
|
|
1511
|
-
.month-grid[data-v-
|
|
1511
|
+
.month-grid[data-v-7a6a8ea5] {
|
|
1512
1512
|
grid-template-columns: repeat(3, 1fr);
|
|
1513
1513
|
grid-template-rows: repeat(4, 1fr);
|
|
1514
1514
|
}
|
|
1515
|
-
.year-grid[data-v-
|
|
1515
|
+
.year-grid[data-v-7a6a8ea5] {
|
|
1516
1516
|
grid-template-columns: repeat(3, 1fr);
|
|
1517
1517
|
grid-template-rows: repeat(7, 1fr);
|
|
1518
1518
|
}
|
|
1519
|
-
.month-item[data-v-
|
|
1520
|
-
.year-item[data-v-
|
|
1519
|
+
.month-item[data-v-7a6a8ea5],
|
|
1520
|
+
.year-item[data-v-7a6a8ea5] {
|
|
1521
1521
|
background: none;
|
|
1522
1522
|
color: var(--bgl-text-color);
|
|
1523
1523
|
}
|
|
1524
|
-
.month-item[data-v-
|
|
1525
|
-
.year-item[data-v-
|
|
1524
|
+
.month-item[data-v-7a6a8ea5]:hover:not(.disabled),
|
|
1525
|
+
.year-item[data-v-7a6a8ea5]:hover:not(.disabled) {
|
|
1526
1526
|
background: var(--bgl-box-bg);
|
|
1527
1527
|
filter: var(--bgl-hover-filter);
|
|
1528
1528
|
}
|
|
1529
|
-
.month-item[data-v-
|
|
1530
|
-
.year-item[data-v-
|
|
1529
|
+
.month-item[data-v-7a6a8ea5]:active:not(.disabled),
|
|
1530
|
+
.year-item[data-v-7a6a8ea5]:active:not(.disabled) {
|
|
1531
1531
|
background: var(--bgl-box-bg);
|
|
1532
1532
|
filter: var(--bgl-active-filter);
|
|
1533
1533
|
}
|
|
1534
|
-
.month-item.selected[data-v-
|
|
1535
|
-
.year-item.selected[data-v-
|
|
1534
|
+
.month-item.selected[data-v-7a6a8ea5],
|
|
1535
|
+
.year-item.selected[data-v-7a6a8ea5] {
|
|
1536
1536
|
background-color: var(--bgl-primary);
|
|
1537
1537
|
color: white;
|
|
1538
1538
|
}
|
|
1539
|
-
.month-item.disabled[data-v-
|
|
1540
|
-
.year-item.disabled[data-v-
|
|
1539
|
+
.month-item.disabled[data-v-7a6a8ea5],
|
|
1540
|
+
.year-item.disabled[data-v-7a6a8ea5] {
|
|
1541
1541
|
opacity: 0.6;
|
|
1542
1542
|
filter: grayscale(0.3);
|
|
1543
1543
|
}
|
|
1544
|
-
.day[data-v-
|
|
1544
|
+
.day[data-v-7a6a8ea5] {
|
|
1545
1545
|
border: none;
|
|
1546
1546
|
background: none;
|
|
1547
1547
|
color: var(--bgl-text-color);
|
|
1548
1548
|
}
|
|
1549
|
-
.day[data-v-
|
|
1549
|
+
.day[data-v-7a6a8ea5]:hover:not(.disabled) {
|
|
1550
1550
|
background-color: var(--input-bg);
|
|
1551
1551
|
}
|
|
1552
|
-
.day.selected[data-v-
|
|
1552
|
+
.day.selected[data-v-7a6a8ea5] {
|
|
1553
1553
|
background-color: var(--bgl-primary);
|
|
1554
1554
|
color: var(--bgl-white);
|
|
1555
1555
|
}
|
|
1556
|
-
.day.today[data-v-
|
|
1556
|
+
.day.today[data-v-7a6a8ea5]:not(.selected) {
|
|
1557
1557
|
border: 1px solid var(--bgl-primary);
|
|
1558
1558
|
}
|
|
1559
|
-
.day.disabled[data-v-
|
|
1559
|
+
.day.disabled[data-v-7a6a8ea5] {
|
|
1560
1560
|
opacity: 0.6;
|
|
1561
1561
|
filter: grayscale(0.3);
|
|
1562
1562
|
cursor: not-allowed;
|
|
1563
1563
|
}
|
|
1564
|
-
.day.not-in-month[data-v-
|
|
1564
|
+
.day.not-in-month[data-v-7a6a8ea5] {
|
|
1565
1565
|
opacity: 0.4;
|
|
1566
1566
|
}
|
|
1567
1567
|
.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:rgba(255,255,255,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}/*# sourceMappingURL=main.css.map */
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface TimeUnit {
|
|
2
|
+
singular: string;
|
|
3
|
+
plural: string;
|
|
4
|
+
}
|
|
5
|
+
export type TranslationValue = string | TimeUnit;
|
|
6
|
+
export interface LanguageTranslations {
|
|
7
|
+
[key: string]: TranslationValue;
|
|
8
|
+
}
|
|
9
|
+
export type AvailableTimeLanguages = 'en' | 'es' | 'fr' | 'he';
|
|
10
|
+
export type DayFormatTypes = 'DD' | 'DDD' | 'DDDD';
|
|
11
|
+
export type MonthFormatTypes = 'MM' | 'MMM' | 'MMMM';
|
|
12
|
+
export type YearFormatTypes = 'YY' | 'YYYY';
|
|
13
|
+
export type HourFormatTypes = 'HH';
|
|
14
|
+
export type MinuteFormatTypes = 'mm';
|
|
15
|
+
export type SecondFormatTypes = 'ss';
|
|
16
|
+
export type MillisecondFormatTypes = 'sss';
|
|
17
|
+
export type AmPmFormatTypes = 'AmPm';
|
|
18
|
+
export type DateFormatSeparatorTypes = '/' | '-' | ' ' | ':' | '.';
|
|
19
|
+
export type CommonDateFormats = `${DayFormatTypes}${DateFormatSeparatorTypes}${MonthFormatTypes}${DateFormatSeparatorTypes}${YearFormatTypes}` | 'DD.MM.YY' | 'DD.MM.YYYY' | 'DD/MM/YY' | 'DD/MM/YYYY' | 'MM.DD.YY' | 'MM.DD.YYYY' | 'MM/DD/YY' | 'MM/DD/YYYY' | 'YYYY-MM-DD' | 'YY-MM-DD' | 'DD MMM YYYY' | 'DD MMMM YYYY' | 'DDD, DD MMM' | 'DDDD, DD MMMM' | 'MMM DD' | 'MMMM DD';
|
|
20
|
+
export type CommonTimeFormats = 'HH:mm' | 'HH:mm:ss' | 'HH:mm:ss:sss' | 'HH:mm AmPm';
|
|
21
|
+
export type CommonDateTimeFormats = `${CommonDateFormats} ${CommonTimeFormats}` | `${CommonTimeFormats}, ${CommonDateFormats}` | 'YYYY-MM-DD HH:MM';
|
|
22
|
+
export type DateTimeAcceptedFormats = CommonDateFormats | CommonTimeFormats | CommonDateTimeFormats;
|
|
23
|
+
//# sourceMappingURL=timeAgoT.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeAgoT.d.ts","sourceRoot":"","sources":["../../src/types/timeAgoT.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEhD,MAAM,WAAW,oBAAoB;IACpC,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAC/B;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AAClD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AACpD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,CAAA;AAC3C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAA;AAClC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAA;AACpC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAA;AACpC,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAA;AAC1C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAA;AAEpC,MAAM,MAAM,wBAAwB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAGlE,MAAM,MAAM,iBAAiB,GAC1B,GAAG,cAAc,GAAG,wBAAwB,GAAG,gBAAgB,GAAG,wBAAwB,GAAG,eAAe,EAAE,GAC9G,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GACrD,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GACrD,YAAY,GAAG,UAAU,GACzB,aAAa,GAAG,cAAc,GAC9B,aAAa,GAAG,eAAe,GAC/B,QAAQ,GAAG,SAAS,CAAA;AAEvB,MAAM,MAAM,iBAAiB,GAC1B,OAAO,GAAG,UAAU,GAAG,cAAc,GACrC,YAAY,CAAA;AAGf,MAAM,MAAM,qBAAqB,GAC9B,GAAG,iBAAiB,IAAI,iBAAiB,EAAE,GAC3C,GAAG,iBAAiB,KAAK,iBAAiB,EAAE,GAC5C,kBAAkB,CAAA;AAGrB,MAAM,MAAM,uBAAuB,GAChC,iBAAiB,GACjB,iBAAiB,GACjB,qBAAqB,CAAA"}
|
package/dist/utils/timeAgo.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AvailableTimeLanguages, DateTimeAcceptedFormats } from '../types/
|
|
1
|
+
import { AvailableTimeLanguages, DateTimeAcceptedFormats } from '../types/timeAgoT';
|
|
2
2
|
export declare function timeAgo(date: string | Date, lang?: AvailableTimeLanguages): string;
|
|
3
3
|
export declare function formatDate(date?: string | Date, format?: DateTimeAcceptedFormats, locale?: string): string;
|
|
4
4
|
//# sourceMappingURL=timeAgo.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeAgo.d.ts","sourceRoot":"","sources":["../../src/utils/timeAgo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,uBAAuB,EAAkC,MAAM,
|
|
1
|
+
{"version":3,"file":"timeAgo.d.ts","sourceRoot":"","sources":["../../src/utils/timeAgo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,uBAAuB,EAAkC,MAAM,mBAAmB,CAAA;AAqDxH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,GAAE,sBAA6B,UAsD/E;AASD,wBAAgB,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,GAAE,uBAAoC,EAAE,MAAM,CAAC,EAAE,MAAM,UAsF7G"}
|
package/package.json
CHANGED
|
@@ -281,7 +281,7 @@ function useTimeHandling() {
|
|
|
281
281
|
function emitDateValue(date: Date) {
|
|
282
282
|
if (props.enableTime) {
|
|
283
283
|
// For dates with time, emit the date object directly
|
|
284
|
-
emit('update:modelValue', formatDate(date, 'YYYY-MM-DD HH:
|
|
284
|
+
emit('update:modelValue', formatDate(date, 'YYYY-MM-DD HH:mm'))
|
|
285
285
|
} else {
|
|
286
286
|
// For date-only, emit a date with time set to midnight
|
|
287
287
|
emit('update:modelValue', formatDate(date, 'YYYY-MM-DD'))
|
|
@@ -511,26 +511,26 @@ onMounted(() => {
|
|
|
511
511
|
<div class="flex gap-025">
|
|
512
512
|
<NumberInput
|
|
513
513
|
center
|
|
514
|
-
:
|
|
514
|
+
:modelValue="hours"
|
|
515
515
|
:disabled="!selectedDate"
|
|
516
516
|
:min="0"
|
|
517
517
|
:max="23"
|
|
518
518
|
layout="vertical"
|
|
519
519
|
:padZero="2"
|
|
520
|
-
@update:
|
|
520
|
+
@update:modelValue="handleHourInput"
|
|
521
521
|
/>
|
|
522
522
|
<p class="pb-075">
|
|
523
523
|
:
|
|
524
524
|
</p>
|
|
525
525
|
<NumberInput
|
|
526
526
|
center
|
|
527
|
-
:
|
|
527
|
+
:modelValue="minutes"
|
|
528
528
|
:disabled="!selectedDate"
|
|
529
529
|
:min="0"
|
|
530
530
|
:max="59"
|
|
531
531
|
:padZero="2"
|
|
532
532
|
layout="vertical"
|
|
533
|
-
@update:
|
|
533
|
+
@update:modelValue="handleMinuteInput"
|
|
534
534
|
/>
|
|
535
535
|
</div>
|
|
536
536
|
<Btn v-if="selectedDate" flat @click="isOpen = false">
|
|
@@ -41,7 +41,7 @@ const time = new Time(props.firstDayOfWeek, props.locale)
|
|
|
41
41
|
function formatDisplayDate(date: Date | string | undefined): string {
|
|
42
42
|
if (!date) return ''
|
|
43
43
|
console.log('date', date)
|
|
44
|
-
return formatDate(date, props.enableTime ? 'DD.MM.YY HH:
|
|
44
|
+
return formatDate(date, props.enableTime ? 'DD.MM.YY HH:mm' : 'DD.MM.YY', props.locale)
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
// function formatDate(date: Date | string | undefined): string {
|
|
@@ -51,8 +51,8 @@ function formatDisplayDate(date: Date | string | undefined): string {
|
|
|
51
51
|
// }
|
|
52
52
|
|
|
53
53
|
const formattedDisplayValue = $computed(() => formatDisplayDate(props.modelValue))
|
|
54
|
-
const formattedMin = $computed(() => formatDate(props.min, props.enableTime ? 'DD.MM.YY HH:
|
|
55
|
-
const formattedMax = $computed(() => formatDate(props.max, props.enableTime ? 'DD.MM.YY HH:
|
|
54
|
+
const formattedMin = $computed(() => formatDate(props.min, props.enableTime ? 'DD.MM.YY HH:mm' : 'DD.MM.YY'))
|
|
55
|
+
const formattedMax = $computed(() => formatDate(props.max, props.enableTime ? 'DD.MM.YY HH:mm' : 'DD.MM.YY'))
|
|
56
56
|
|
|
57
57
|
const selectedDate = $computed(() => {
|
|
58
58
|
if (!props.modelValue) return null
|
package/src/utils/timeAgo.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { AvailableTimeLanguages, DateTimeAcceptedFormats, LanguageTranslations, TimeUnit } from '../types/
|
|
1
|
+
import type { AvailableTimeLanguages, DateTimeAcceptedFormats, LanguageTranslations, TimeUnit } from '../types/timeAgoT'
|
|
2
2
|
|
|
3
3
|
const translations: Record<AvailableTimeLanguages, LanguageTranslations> = {
|
|
4
4
|
en: {
|