@adyen/bento-vue2 1.96.1 → 1.97.0

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.
Files changed (178) hide show
  1. package/dist/@types/index.d.ts +162 -127
  2. package/dist/action-bar.js +1 -1
  3. package/dist/ai-tag.js +1 -1
  4. package/dist/alert.js +1 -1
  5. package/dist/assets/accordion-item.css +1 -1
  6. package/dist/assets/action-bar.css +1 -1
  7. package/dist/assets/alert.css +1 -1
  8. package/dist/assets/base-modal.css +1 -1
  9. package/dist/assets/button-actions.css +1 -1
  10. package/dist/assets/calendar.css +1 -1
  11. package/dist/assets/card.css +1 -1
  12. package/dist/assets/country.css +1 -1
  13. package/dist/assets/data-grid.css +1 -1
  14. package/dist/assets/date-picker.css +1 -1
  15. package/dist/assets/date-range-picker.css +1 -1
  16. package/dist/assets/date-time-picker.css +1 -1
  17. package/dist/assets/dialog-page.css +1 -1
  18. package/dist/assets/dropdown.css +1 -1
  19. package/dist/assets/file-uploader.css +1 -1
  20. package/dist/assets/filter-bar.css +1 -1
  21. package/dist/assets/inspector.css +1 -1
  22. package/dist/assets/modal-fullscreen.css +1 -1
  23. package/dist/assets/navigation-menu-group.css +1 -1
  24. package/dist/assets/secondary-nav.css +1 -1
  25. package/dist/assets/sidepanel.css +1 -1
  26. package/dist/assets/summary-grid.css +1 -1
  27. package/dist/assets/textarea.css +1 -1
  28. package/dist/button.js +1 -1
  29. package/dist/card.js +1 -1
  30. package/dist/checkbox.js +2 -2
  31. package/dist/chunks/{action-bar.Chu-0oVy.js → action-bar.B890LCTe.js} +3 -3
  32. package/dist/chunks/{action-bar.Chu-0oVy.js.map → action-bar.B890LCTe.js.map} +1 -1
  33. package/dist/chunks/{ai-tag.DVmvni7U.js → ai-tag.C8RxACNj.js} +2 -2
  34. package/dist/chunks/{ai-tag.DVmvni7U.js.map → ai-tag.C8RxACNj.js.map} +1 -1
  35. package/dist/chunks/{alert.B4bHCE8V.js → alert.BDkEbdf4.js} +10 -10
  36. package/dist/chunks/{alert.B4bHCE8V.js.map → alert.BDkEbdf4.js.map} +1 -1
  37. package/dist/chunks/{base-modal.CC7gm9fc.js → base-modal.CDMoF3b_.js} +3 -3
  38. package/dist/chunks/{base-modal.CC7gm9fc.js.map → base-modal.CDMoF3b_.js.map} +1 -1
  39. package/dist/chunks/{button-actions-with-menu.BlOBDvdL.js → button-actions-with-menu.DqDQ_gVX.js} +2 -2
  40. package/dist/chunks/{button-actions-with-menu.BlOBDvdL.js.map → button-actions-with-menu.DqDQ_gVX.js.map} +1 -1
  41. package/dist/chunks/{button-actions.D1jRC1fs.js → button-actions.DKc63aCb.js} +122 -110
  42. package/dist/chunks/{button-actions.D1jRC1fs.js.map → button-actions.DKc63aCb.js.map} +1 -1
  43. package/dist/chunks/calendar.BckAv9N_.js +1235 -0
  44. package/dist/chunks/calendar.BckAv9N_.js.map +1 -0
  45. package/dist/chunks/{card.ErZLKN0q.js → card.ChBURa5R.js} +2 -2
  46. package/dist/chunks/{card.ErZLKN0q.js.map → card.ChBURa5R.js.map} +1 -1
  47. package/dist/chunks/{checkbox-group.CNTMMwQr.js → checkbox-group.BAjvgXlc.js} +2 -2
  48. package/dist/chunks/{checkbox-group.CNTMMwQr.js.map → checkbox-group.BAjvgXlc.js.map} +1 -1
  49. package/dist/chunks/{checkbox.BIzqX_eH.js → checkbox.BAQDBNL6.js} +18 -18
  50. package/dist/chunks/{checkbox.BIzqX_eH.js.map → checkbox.BAQDBNL6.js.map} +1 -1
  51. package/dist/chunks/{code-snippet.lcQRsLdZ.js → code-snippet.nUo9bjhC.js} +3 -3
  52. package/dist/chunks/{code-snippet.lcQRsLdZ.js.map → code-snippet.nUo9bjhC.js.map} +1 -1
  53. package/dist/chunks/{country.BEwW8TQo.js → country.nGZJwp_A.js} +2 -2
  54. package/dist/chunks/country.nGZJwp_A.js.map +1 -0
  55. package/dist/chunks/{dashboard-section.DiGQXS9L.js → dashboard-section.BDDVJpxY.js} +2 -2
  56. package/dist/chunks/{dashboard-section.DiGQXS9L.js.map → dashboard-section.BDDVJpxY.js.map} +1 -1
  57. package/dist/chunks/{dashed-underline.Cl07OQID.js → dashed-underline.CfEmbgOv.js} +2 -2
  58. package/dist/chunks/{dashed-underline.Cl07OQID.js.map → dashed-underline.CfEmbgOv.js.map} +1 -1
  59. package/dist/chunks/{data-grid-template.BVppx9kZ.js → data-grid-template.BUlLHTYe.js} +2 -2
  60. package/dist/chunks/{data-grid-template.BVppx9kZ.js.map → data-grid-template.BUlLHTYe.js.map} +1 -1
  61. package/dist/chunks/{data-grid.DQwAkw4U.js → data-grid.0OiCQjFc.js} +28 -29
  62. package/dist/chunks/{data-grid.DQwAkw4U.js.map → data-grid.0OiCQjFc.js.map} +1 -1
  63. package/dist/chunks/date-picker.CsFSskqf.js +245 -0
  64. package/dist/chunks/date-picker.CsFSskqf.js.map +1 -0
  65. package/dist/chunks/date-picker.types.Ckt7zxGy.js.map +1 -1
  66. package/dist/chunks/date-range-picker.Bczgdu5X.js +1250 -0
  67. package/dist/chunks/date-range-picker.Bczgdu5X.js.map +1 -0
  68. package/dist/chunks/date-range-picker.types.Ckt7zxGy.js.map +1 -1
  69. package/dist/chunks/date-time-picker.DT54TiG4.js +177 -0
  70. package/dist/chunks/date-time-picker.DT54TiG4.js.map +1 -0
  71. package/dist/chunks/{draggable-handle.DIhHtHG9.js → draggable-handle.DwJBaf5y.js} +2 -2
  72. package/dist/chunks/{draggable-handle.DIhHtHG9.js.map → draggable-handle.DwJBaf5y.js.map} +1 -1
  73. package/dist/chunks/{dropdown-tag.CuDxdSfb.js → dropdown-tag.BqSrkuwj.js} +2 -2
  74. package/dist/chunks/{dropdown-tag.CuDxdSfb.js.map → dropdown-tag.BqSrkuwj.js.map} +1 -1
  75. package/dist/chunks/dropdown.CIEm6MBB.js +2660 -0
  76. package/dist/chunks/dropdown.CIEm6MBB.js.map +1 -0
  77. package/dist/chunks/{file-uploader.CO2MeHwl.js → file-uploader.DOvQMUHC.js} +2 -2
  78. package/dist/chunks/{file-uploader.CO2MeHwl.js.map → file-uploader.DOvQMUHC.js.map} +1 -1
  79. package/dist/chunks/{filter-bar.DQ9fJXq1.js → filter-bar.DVRPM9tf.js} +318 -319
  80. package/dist/chunks/filter-bar.DVRPM9tf.js.map +1 -0
  81. package/dist/chunks/{footer-actions.CZE9dcmA.js → footer-actions.C1sXd7ti.js} +2 -2
  82. package/dist/chunks/{footer-actions.CZE9dcmA.js.map → footer-actions.C1sXd7ti.js.map} +1 -1
  83. package/dist/chunks/{form-layout-title.CXXdsiK5.js → form-layout-title.xrix5vY3.js} +2 -2
  84. package/dist/chunks/{form-layout-title.CXXdsiK5.js.map → form-layout-title.xrix5vY3.js.map} +1 -1
  85. package/dist/chunks/{header-meta.6rZdOgXD.js → header-meta.D1eb37QJ.js} +2 -2
  86. package/dist/chunks/{header-meta.6rZdOgXD.js.map → header-meta.D1eb37QJ.js.map} +1 -1
  87. package/dist/chunks/{header-with-views.4VNHbNk0.js → header-with-views.Bk6ly102.js} +8 -8
  88. package/dist/chunks/{header-with-views.4VNHbNk0.js.map → header-with-views.Bk6ly102.js.map} +1 -1
  89. package/dist/chunks/{header.BsroOD5b.js → header.CszOmM16.js} +3 -3
  90. package/dist/chunks/{header.BsroOD5b.js.map → header.CszOmM16.js.map} +1 -1
  91. package/dist/chunks/{input-field-password.CRqYWZGS.js → input-field-password.C4Wxsl16.js} +3 -3
  92. package/dist/chunks/{input-field-password.CRqYWZGS.js.map → input-field-password.C4Wxsl16.js.map} +1 -1
  93. package/dist/chunks/{input-field-phone-number.DHiuL0cF.js → input-field-phone-number.BhYTU628.js} +2 -2
  94. package/dist/chunks/{input-field-phone-number.DHiuL0cF.js.map → input-field-phone-number.BhYTU628.js.map} +1 -1
  95. package/dist/chunks/{input-field.BkQZ6Qzl.js → input-field.3tzX7t2y.js} +2 -2
  96. package/dist/chunks/{input-field.BkQZ6Qzl.js.map → input-field.3tzX7t2y.js.map} +1 -1
  97. package/dist/chunks/{input-time.BiOHvUEA.js → input-time.Bf-ZrCPX.js} +34 -34
  98. package/dist/chunks/{input-time.BiOHvUEA.js.map → input-time.Bf-ZrCPX.js.map} +1 -1
  99. package/dist/chunks/{modal-fullscreen.OS6KhVdg.js → modal-fullscreen.Dg1Hi3jB.js} +2 -2
  100. package/dist/chunks/{modal-fullscreen.OS6KhVdg.js.map → modal-fullscreen.Dg1Hi3jB.js.map} +1 -1
  101. package/dist/chunks/{modal.DHL3TGHv.js → modal.DZTEFM_E.js} +4 -4
  102. package/dist/chunks/{modal.DHL3TGHv.js.map → modal.DZTEFM_E.js.map} +1 -1
  103. package/dist/chunks/{pagination.DItyAwy1.js → pagination.C6HIPq58.js} +2 -2
  104. package/dist/chunks/{pagination.DItyAwy1.js.map → pagination.C6HIPq58.js.map} +1 -1
  105. package/dist/chunks/{rich-text-editor.D5URbwnM.js → rich-text-editor.-B96ibAd.js} +3 -3
  106. package/dist/chunks/{rich-text-editor.D5URbwnM.js.map → rich-text-editor.-B96ibAd.js.map} +1 -1
  107. package/dist/chunks/{search-bar.D-WK8eMQ.js → search-bar.DunTxVmZ.js} +5 -5
  108. package/dist/chunks/{search-bar.D-WK8eMQ.js.map → search-bar.DunTxVmZ.js.map} +1 -1
  109. package/dist/chunks/{secondary-nav.C7lEDaoj.js → secondary-nav.CGGPkYpc.js} +2 -2
  110. package/dist/chunks/{secondary-nav.C7lEDaoj.js.map → secondary-nav.CGGPkYpc.js.map} +1 -1
  111. package/dist/chunks/{selection-card-group.CiFW4AZR.js → selection-card-group.ZZ_qF1L1.js} +8 -8
  112. package/dist/chunks/{selection-card-group.CiFW4AZR.js.map → selection-card-group.ZZ_qF1L1.js.map} +1 -1
  113. package/dist/chunks/{sidepanel.B8zQp_MJ.js → sidepanel.ChuW63J7.js} +3 -3
  114. package/dist/chunks/{sidepanel.B8zQp_MJ.js.map → sidepanel.ChuW63J7.js.map} +1 -1
  115. package/dist/chunks/{summary-grid.types.CkqRXOKv.js → summary-grid.types.BnEhhDQz.js} +3 -3
  116. package/dist/chunks/summary-grid.types.BnEhhDQz.js.map +1 -0
  117. package/dist/chunks/{timeline-item.sdxvTjmS.js → timeline-item.DzMh520x.js} +3 -3
  118. package/dist/chunks/{timeline-item.sdxvTjmS.js.map → timeline-item.DzMh520x.js.map} +1 -1
  119. package/dist/chunks/{tutorial.Ba9dqb2j.js → tutorial.CkeL_7Je.js} +2 -2
  120. package/dist/chunks/{tutorial.Ba9dqb2j.js.map → tutorial.CkeL_7Je.js.map} +1 -1
  121. package/dist/chunks/use-bento-delayed-hover.D4rfUUOr.js.map +1 -1
  122. package/dist/chunks/{use-date-input-formatter.B5GQd3s2.js → use-date-input-formatter.Dq9C0nc9.js} +2 -2
  123. package/dist/chunks/{use-date-input-formatter.B5GQd3s2.js.map → use-date-input-formatter.Dq9C0nc9.js.map} +1 -1
  124. package/dist/code-snippet.js +1 -1
  125. package/dist/country.js +1 -1
  126. package/dist/dashboard-template.js +1 -1
  127. package/dist/dashed-underline.js +1 -1
  128. package/dist/data-grid-template.js +1 -1
  129. package/dist/data-grid.js +1 -1
  130. package/dist/date-picker.js +2 -2
  131. package/dist/date-range-picker.js +2 -2
  132. package/dist/date-time-picker.js +1 -1
  133. package/dist/draggable.js +1 -1
  134. package/dist/dropdown.js +10 -11
  135. package/dist/dropdown.js.map +1 -1
  136. package/dist/file-uploader.js +1 -1
  137. package/dist/filter-bar.js +1 -1
  138. package/dist/form-layout.js +1 -1
  139. package/dist/header-with-views.js +1 -1
  140. package/dist/header.js +1 -1
  141. package/dist/index.js +269 -270
  142. package/dist/index.js.map +1 -1
  143. package/dist/input-field-password.js +1 -1
  144. package/dist/input-field-phone-number.js +1 -1
  145. package/dist/input-field.js +1 -1
  146. package/dist/input-time.js +1 -1
  147. package/dist/internal.js +13 -13
  148. package/dist/menu.js +1 -1
  149. package/dist/modal-fullscreen.js +1 -1
  150. package/dist/modal.js +2 -2
  151. package/dist/pagination.js +1 -1
  152. package/dist/popover.js +1 -1
  153. package/dist/rich-text-editor.js +1 -1
  154. package/dist/search-bar.js +2 -2
  155. package/dist/secondary-nav.js +1 -1
  156. package/dist/selection-card.js +1 -1
  157. package/dist/sidepanel.js +1 -1
  158. package/dist/summary-grid.js +1 -1
  159. package/dist/timeline.js +1 -1
  160. package/dist/tutorial.js +1 -1
  161. package/dist/web-types.json +205 -2
  162. package/package.json +3 -3
  163. package/dist/assets/use-cached-selected-values.css +0 -1
  164. package/dist/chunks/calendar.D0JIbmoS.js +0 -1151
  165. package/dist/chunks/calendar.D0JIbmoS.js.map +0 -1
  166. package/dist/chunks/country.BEwW8TQo.js.map +0 -1
  167. package/dist/chunks/date-picker.BWxvyK5J.js +0 -245
  168. package/dist/chunks/date-picker.BWxvyK5J.js.map +0 -1
  169. package/dist/chunks/date-range-picker.gfRJmzXn.js +0 -1114
  170. package/dist/chunks/date-range-picker.gfRJmzXn.js.map +0 -1
  171. package/dist/chunks/date-time-picker.BIl9kFLh.js +0 -129
  172. package/dist/chunks/date-time-picker.BIl9kFLh.js.map +0 -1
  173. package/dist/chunks/dropdown.C70AlvOT.js +0 -1155
  174. package/dist/chunks/dropdown.C70AlvOT.js.map +0 -1
  175. package/dist/chunks/filter-bar.DQ9fJXq1.js.map +0 -1
  176. package/dist/chunks/summary-grid.types.CkqRXOKv.js.map +0 -1
  177. package/dist/chunks/use-cached-selected-values.D0s14AxT.js +0 -1520
  178. package/dist/chunks/use-cached-selected-values.D0s14AxT.js.map +0 -1
@@ -1,1114 +0,0 @@
1
- import { reactive as ve, defineComponent as Ue, useSlots as va, ref as O, computed as p, onMounted as Je, toRaw as Ye, watch as fe, useAttrs as ga, toRef as he } from "vue";
2
- import { b as ya } from "./index.CJYgd0QI.js";
3
- import { B as Ma } from "./divider.DX5gwN7p.js";
4
- import { h as ha, B as Ta } from "./button-actions.D1jRC1fs.js";
5
- import { B as $e, d as we } from "./typography.C8lPlsbD.js";
6
- import { B as Ra } from "./alert.B4bHCE8V.js";
7
- import { B as Ya } from "./input-field.BkQZ6Qzl.js";
8
- import { B as Aa, i as Oe } from "./input-time.BiOHvUEA.js";
9
- import { B as ba, D as ka } from "./dropdown.C70AlvOT.js";
10
- import { B as Ia } from "./segmented-control.C0JtDa4q.js";
11
- import { u as Ae } from "./index.B6WW_F-J.js";
12
- import { d as Ce } from "./use-cached-selected-values.D0s14AxT.js";
13
- import { u as _a } from "./use-has-slot.C9lQZ6nz.js";
14
- import { u as be, a as Sa } from "./use-date-input-formatter.B5GQd3s2.js";
15
- import { u as xa } from "./use-touch-device.DTqFAbXh.js";
16
- import { j as re, k as F, s as R, l as Fa, m as Be, n as Ea, f as qe, o as wa, q as Oa, r as Ca, t as Pe, u as Ba, b as N, v as qa, h as Pa, i as Na, e as _, w as Ne, x as ze, g as za } from "./calendar.D0JIbmoS.js";
17
- import { e as C, a as Qe } from "./differenceInMonths.CpwVtHZX.js";
18
- import { s as We } from "./startOfWeek.Br5KM4z_.js";
19
- import { t as ge, n as Qa, c as Wa } from "./en-US.BK5uiAND.js";
20
- import { c as ja } from "./constructNow.CK0ryPil.js";
21
- import { a as je, s as Le } from "./set-time-in-date.CU7HeZLY.js";
22
- import { n as He } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
23
- import { g as ne } from "./generate-uid.NJ8tVoha.js";
24
- import { u as La } from "./use-form-layout-loading.CWbjZiwP.js";
25
- import "./index.Cl4_42j5.js";
26
- import { u as Ga } from "./form-field.D_2g7vaP.js";
27
- import { B as Va } from "./directive.BBWhsNtO.js";
28
- import { F as Ua } from "./field-label.CdVbAfK-.js";
29
- import { E as Ja } from "./error-message.CyERcfdt.js";
30
- import { B as $a } from "./button-actions.types.BptAXjD8.js";
31
- import "../assets/date-range-picker.css";
32
- function Ge(o, t) {
33
- return ge(o, t == null ? void 0 : t.in).getFullYear();
34
- }
35
- function Te(o, t) {
36
- return +ge(o) == +ge(t);
37
- }
38
- function Ha(o, t, e) {
39
- const [a, i] = Qa(
40
- e == null ? void 0 : e.in,
41
- o,
42
- t
43
- );
44
- return +re(a) == +re(i);
45
- }
46
- function Ve(o, t) {
47
- const e = ge(o, t == null ? void 0 : t.in);
48
- return e.setMilliseconds(0), e;
49
- }
50
- function Re(o, t) {
51
- return +Ve(o) == +Ve(t);
52
- }
53
- function Ka(o, t) {
54
- return F(
55
- Wa(o, o),
56
- ja(o)
57
- );
58
- }
59
- const Xa = ({
60
- firstDayOfWeek: o,
61
- min: t,
62
- max: e
63
- }) => ({ getGranularCalendarLimits: (i) => {
64
- if (!t && !e)
65
- return { min: null, max: null };
66
- let m = t ? R(t) : null, f = e ? C(e) : null;
67
- if ((i == null ? void 0 : i.type) === "weekly") {
68
- if (i.earliest)
69
- m = R(i.earliest);
70
- else if (m) {
71
- const M = We(m, { weekStartsOn: o });
72
- F(m, M) || (m = R(Fa(Be(m, { weekStartsOn: o }), 1)));
73
- }
74
- if (i.latest)
75
- f = C(i.latest);
76
- else if (f) {
77
- const M = Be(f, { weekStartsOn: o });
78
- F(f, M) || (f = C(Ea(We(f, { weekStartsOn: o }), 1)));
79
- }
80
- }
81
- if ((i == null ? void 0 : i.type) === "monthly") {
82
- if (i.earliest)
83
- m = R(i.earliest);
84
- else if (m) {
85
- const M = qe(m);
86
- F(m, M) || (m = qe(wa(m, 1)));
87
- }
88
- if (i.latest)
89
- f = C(i.latest);
90
- else if (f) {
91
- const M = Qe(f);
92
- F(f, M) || (f = Qe(Oa(f, 1)));
93
- }
94
- }
95
- if ((i == null ? void 0 : i.type) === "quarterly") {
96
- if (i.earliest)
97
- m = re(i.earliest);
98
- else if (m) {
99
- const M = re(m);
100
- F(m, M) || (m = re(Ca(m, 1)));
101
- }
102
- if (i.latest)
103
- f = C(i.latest);
104
- else if (f) {
105
- const M = Pe(f);
106
- F(f, M) || (f = Pe(Ba(f, 1)));
107
- }
108
- }
109
- return { min: m, max: f };
110
- } }), Za = () => {
111
- const o = ve({
112
- daily: null,
113
- weekly: null,
114
- monthly: null,
115
- quarterly: null
116
- });
117
- return {
118
- savedRanges: o,
119
- saveRange: (a, i) => {
120
- o[a] = i;
121
- },
122
- resetSavedRanges: () => {
123
- o.daily = null, o.weekly = null, o.monthly = null, o.quarterly = null;
124
- }
125
- };
126
- };
127
- var v = /* @__PURE__ */ ((o) => (o.CUSTOM_RANGE = "custom-range", o.INPUT = "input", o.ERROR = "error", o.FORM_DATE = "form-date", o.START_DATE_SELECTED = "start-date-selected", o))(v || {});
128
- const et = {
129
- "de-DE": {
130
- "DD-MM-YYYY": "TT-MM-JJJJ",
131
- "MM-DD-YYYY": "MM-TT-JJJJ",
132
- "YYYY-MM-DD": "JJJJ-MM-TT",
133
- customRange: "Benutzerdefinierter Bereich",
134
- daily: "Täglich",
135
- dateFrom: "Datum von",
136
- dateTo: "Datum bis",
137
- lastMonth: "Letzter Monat",
138
- lastSevenDays: "Letzte 7 Tage",
139
- lastThreeMonths: "Letzte drei Monate",
140
- maxRangeDays: "Sie können bis zu {count} Tag auswählen | Sie können bis zu {count} Tage auswählen",
141
- maxRangeMonths: "Sie können bis zu {count} Monat auswählen | Sie können bis zu {count} Monate auswählen",
142
- maxRangeQuarters: "Sie können bis zu {count} Quartal auswählen | Sie können bis zu {count} Quartale auswählen",
143
- maxRangeWeeks: "Sie können bis zu {count} Woche auswählen | Sie können bis zu {count} Wochen auswählen",
144
- monthly: "Monatlich",
145
- quarterly: "Vierteljährlich",
146
- timeFrom: "Zeit von",
147
- timeTo: "Zeit bis",
148
- weekly: "Wöchentlich"
149
- },
150
- "en-GB": {
151
- "DD-MM-YYYY": "DD-MM-YYYY",
152
- "MM-DD-YYYY": "MM-DD-YYYY",
153
- "YYYY-MM-DD": "YYYY-MM-DD",
154
- customRange: "Custom range",
155
- daily: "Daily",
156
- dateFrom: "Date from",
157
- dateTo: "Date to",
158
- lastMonth: "Last month",
159
- lastSevenDays: "Last 7 days",
160
- lastThreeMonths: "The last three months",
161
- maxRangeDays: "You can select up to {count} day | You can select up to {count} days",
162
- maxRangeMonths: "You can select up to {count} month | You can select up to {count} months",
163
- maxRangeQuarters: "You can select up to {count} quarter | You can select up to {count} quarters",
164
- maxRangeWeeks: "You can select up to {count} week | You can select up to {count} weeks",
165
- monthly: "Monthly",
166
- quarterly: "Quarterly",
167
- timeFrom: "Time from",
168
- timeTo: "Time to",
169
- weekly: "Weekly"
170
- },
171
- "en-US": {
172
- "DD-MM-YYYY": "DD-MM-YYYY",
173
- "MM-DD-YYYY": "MM-DD-YYYY",
174
- "YYYY-MM-DD": "YYYY-MM-DD",
175
- customRange: "Custom range",
176
- daily: "Daily",
177
- dateFrom: "Date from",
178
- dateTo: "Date to",
179
- lastMonth: "Last month",
180
- lastSevenDays: "Last 7 days",
181
- lastThreeMonths: "Last three months",
182
- maxRangeDays: "You can select up to {count} day | You can select up to {count} days",
183
- maxRangeMonths: "You can select up to {count} month | You can select up to {count} months",
184
- maxRangeQuarters: "You can select up to {count} quarter | You can select up to {count} quarters",
185
- maxRangeWeeks: "You can select up to {count} week | You can select up to {count} weeks",
186
- monthly: "Monthly",
187
- quarterly: "Quarterly",
188
- timeFrom: "Time from",
189
- timeTo: "Time to",
190
- weekly: "Weekly"
191
- },
192
- "es-ES": {
193
- "DD-MM-YYYY": "DD-MM-AAAA",
194
- "MM-DD-YYYY": "MM-DD-AAAA",
195
- "YYYY-MM-DD": "AAAA-MM-DD",
196
- customRange: "Rango personalizado",
197
- daily: "Diario",
198
- dateFrom: "Fecha desde",
199
- dateTo: "Fecha hasta",
200
- lastMonth: "El mes pasado",
201
- lastSevenDays: "Últimos 7 días",
202
- lastThreeMonths: "Últimos tres meses",
203
- maxRangeDays: "Puedes seleccionar hasta {count} día | Puedes seleccionar hasta {count} días",
204
- maxRangeMonths: "Puedes seleccionar hasta {count} mes | Puedes seleccionar hasta {count} meses",
205
- maxRangeQuarters: "Puedes seleccionar hasta {count} trimestre | Puedes seleccionar hasta {count} trimestres",
206
- maxRangeWeeks: "Puedes seleccionar hasta {count} semana | Puedes seleccionar hasta {count} semanas",
207
- monthly: "Mensualmente",
208
- quarterly: "Trimestral",
209
- timeFrom: "Hora desde",
210
- timeTo: "Hora hasta",
211
- weekly: "Semanal"
212
- },
213
- "es-MX": {
214
- "DD-MM-YYYY": "DD-MM-AAAA",
215
- "MM-DD-YYYY": "MM-DD-AAAA",
216
- "YYYY-MM-DD": "AAAA-MM-DD",
217
- customRange: "Rango personalizado",
218
- daily: "Diario",
219
- dateFrom: "Fecha de",
220
- dateTo: "Fecha hasta",
221
- lastMonth: "El mes pasado",
222
- lastSevenDays: "Últimos 7 días",
223
- lastThreeMonths: "Últimos tres meses",
224
- maxRangeDays: "Puedes seleccionar hasta {count} día | Puedes seleccionar hasta {count} días",
225
- maxRangeMonths: "Puedes seleccionar hasta {count} mes | Puedes seleccionar hasta {count} meses",
226
- maxRangeQuarters: "Puedes seleccionar hasta {count} trimestre | Puedes seleccionar hasta {count} trimestres",
227
- maxRangeWeeks: "Puedes seleccionar hasta {count} semana | Puedes seleccionar hasta {count} semanas",
228
- monthly: "Mensual",
229
- quarterly: "Trimestral",
230
- timeFrom: "Tiempo desde",
231
- timeTo: "Es hora de",
232
- weekly: "Semanal"
233
- },
234
- "fr-FR": {
235
- "DD-MM-YYYY": "JJ-MM-AAAA",
236
- "MM-DD-YYYY": "MM-JJ-AAAA",
237
- "YYYY-MM-DD": "AAAA-MM-JJ",
238
- customRange: "Plage personnalisée",
239
- daily: "Quotidien",
240
- dateFrom: "Date de début",
241
- dateTo: "Date de fin",
242
- lastMonth: "Le mois dernier",
243
- lastSevenDays: "7 derniers jours",
244
- lastThreeMonths: "Trois derniers mois",
245
- maxRangeDays: "Vous pouvez sélectionner jusqu'à {count} jour | Vous pouvez sélectionner jusqu'à {count} jours",
246
- maxRangeMonths: "Vous pouvez sélectionner jusqu'à {count} mois | Vous pouvez sélectionner jusqu'à {count} mois",
247
- maxRangeQuarters: "Vous pouvez sélectionner jusqu'à {count} trimestre | Vous pouvez sélectionner jusqu'à {count} trimestres",
248
- maxRangeWeeks: "Vous pouvez sélectionner jusqu'à {count} semaine | Vous pouvez sélectionner jusqu'à {count} semaines",
249
- monthly: "Mensuel",
250
- quarterly: "Trimestriel",
251
- timeFrom: "Heure de début",
252
- timeTo: "Heure de fin",
253
- weekly: "Hebdomadaire"
254
- },
255
- "it-IT": {
256
- "DD-MM-YYYY": "GG-MM-AAAA",
257
- "MM-DD-YYYY": "MM-GG-AAAA",
258
- "YYYY-MM-DD": "AAAA-MM-GG",
259
- customRange: "Intervallo personalizzato",
260
- daily: "Giornaliero",
261
- dateFrom: "Data da",
262
- dateTo: "Da",
263
- lastMonth: "Il mese scorso",
264
- lastSevenDays: "Ultimi 7 giorni",
265
- lastThreeMonths: "Gli ultimi tre mesi",
266
- maxRangeDays: "Puoi selezionare fino a {count} giorno | Puoi selezionare fino a {count} giorni",
267
- maxRangeMonths: "Puoi selezionare fino a {count} mese | Puoi selezionare fino a {count} mesi",
268
- maxRangeQuarters: "Puoi selezionare fino a {count} trimestre | Puoi selezionare fino a {count} trimestri",
269
- maxRangeWeeks: "Puoi selezionare fino a {count} settimana | Puoi selezionare fino a {count} settimane",
270
- monthly: "Mensile",
271
- quarterly: "Trimestrale",
272
- timeFrom: "Tempo dal",
273
- timeTo: "Tempo fino al",
274
- weekly: "Settimanale"
275
- },
276
- "ja-JP": {
277
- "DD-MM-YYYY": "DD-MM-YYYY",
278
- "MM-DD-YYYY": "MM-DD-YYYY",
279
- "YYYY-MM-DD": "YYYY-MM-DD",
280
- customRange: "カスタム範囲",
281
- daily: "毎日",
282
- dateFrom: "開始日",
283
- dateTo: "終了日",
284
- lastMonth: "先月",
285
- lastSevenDays: "過去 7 日間",
286
- lastThreeMonths: "過去3か月",
287
- maxRangeDays: "{count}日間まで選択できます | {count}日間まで選択できます",
288
- maxRangeMonths: "{count}か月まで選択できます | {count}か月まで選択できます",
289
- maxRangeQuarters: "{count}四半期まで選択できます | {count}四半期まで選択できます",
290
- maxRangeWeeks: "{count}週間まで選択できます | {count}週間まで選択できます",
291
- monthly: "毎月",
292
- quarterly: "四半期ごと",
293
- timeFrom: "開始時刻",
294
- timeTo: "終了時刻",
295
- weekly: "毎週"
296
- },
297
- "pt-BR": {
298
- "DD-MM-YYYY": "DD-MM-AAAA",
299
- "MM-DD-YYYY": "MM-DD-AAAA",
300
- "YYYY-MM-DD": "AAAA-MM-DD",
301
- customRange: "Intervalo personalizado",
302
- daily: "Diário",
303
- dateFrom: "Data a partir de",
304
- dateTo: "Data até",
305
- lastMonth: "Último mês",
306
- lastSevenDays: "Últimos 7 dias",
307
- lastThreeMonths: "Últimos 3 meses",
308
- maxRangeDays: "Você pode selecionar até {count} dia | Você pode selecionar até {count} dias",
309
- maxRangeMonths: "Você pode selecionar até {count} mês | Você pode selecionar até {count} meses",
310
- maxRangeQuarters: "Você pode selecionar até {count} trimestre | Você pode selecionar até {count} trimestres",
311
- maxRangeWeeks: "Você pode selecionar até {count} semana | Você pode selecionar até {count} semanas",
312
- monthly: "Mensal",
313
- quarterly: "Trimestral",
314
- timeFrom: "Horário a partir de",
315
- timeTo: "Horário até",
316
- weekly: "Semanal"
317
- },
318
- "zh-CN": {
319
- "DD-MM-YYYY": "日-月-年",
320
- "MM-DD-YYYY": "月-日-年",
321
- "YYYY-MM-DD": "年-月-日",
322
- customRange: "自定义范围",
323
- daily: "每日",
324
- dateFrom: "日期自",
325
- dateTo: "日期至",
326
- lastMonth: "上个月",
327
- lastSevenDays: "最近 7 天",
328
- lastThreeMonths: "过去三个月",
329
- maxRangeDays: "您可以选择最多 {count} 天 | 您可以选择最多 {count} 天",
330
- maxRangeMonths: "您可以选择最多 {count} 个月 | 您可以选择最多 {count} 个月",
331
- maxRangeQuarters: "您最多可以选择 {count} 个季度 | 您最多可以选择 {count} 个季度",
332
- maxRangeWeeks: "您最多可以选择 {count} 周 | 您最多可以选择 {count} 周",
333
- monthly: "每月",
334
- quarterly: "每季度",
335
- timeFrom: "时间自",
336
- timeTo: "是时候",
337
- weekly: "每周"
338
- }
339
- }, at = {
340
- name: "date-range-picker-calendar",
341
- i18n: { messages: et }
342
- }, tt = /* @__PURE__ */ Ue({
343
- ...at,
344
- props: {
345
- /**
346
- * Allows user to enter time values in the form
347
- */
348
- allowTimeInput: { type: Boolean, default: !1 },
349
- /**
350
- * Ranges form persistance data
351
- */
352
- dateFormData: {
353
- type: Object,
354
- default: () => ({ startDate: void 0, endDate: void 0, startTime: void 0, endTime: void 0 })
355
- },
356
- /**
357
- * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
358
- */
359
- firstDayOfWeek: N.props.firstDayOfWeek,
360
- /**
361
- * A list of available granularities.
362
- * If present, the date picker will display a segmented control to change granularity.
363
- */
364
- granularities: {
365
- type: Array,
366
- default: null
367
- },
368
- /**
369
- * Indicate if a date should be disabled or not
370
- */
371
- isDateDisabled: N.props.isDateDisabled,
372
- /**
373
- * Set a maximum number of dates to be selectable by the range.
374
- */
375
- maxRange: N.props.maxRange,
376
- /**
377
- * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
378
- */
379
- min: N.props.min,
380
- /**
381
- * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
382
- */
383
- max: N.props.max,
384
- /**
385
- * Number of months rendered on pane
386
- */
387
- numberOfMonths: {
388
- type: N.props.numberOfMonths.type,
389
- default: N.props.numberOfMonths.default,
390
- validator: (o) => o >= 0
391
- },
392
- /**
393
- * Displays the end date's month when the calendar is opened. Defaults to false i.e. the start date's month is displayed.
394
- */
395
- showEndDateOnOpen: { type: Boolean, default: !1 },
396
- /**
397
- * Enables the custom range selector.
398
- * If provided, must be an array that sets the custom range dropdown items. Items are of the structure:
399
- * `label` - label of custom range item.
400
- * `value` - a unique key of the custom range item.
401
- * `data` - an object `{ startDate: Date; endDate: Date }` to set the date picker range to upon selecting.
402
- */
403
- quickSelectRanges: {
404
- type: Array,
405
- default: void 0
406
- },
407
- /**
408
- * Selected date
409
- */
410
- value: { type: Object, default: void 0 },
411
- /**
412
- * The type of calendar to display. Defaults to showing days.
413
- */
414
- variant: N.props.variant
415
- },
416
- emits: [
417
- v.CUSTOM_RANGE,
418
- v.INPUT,
419
- v.ERROR,
420
- v.FORM_DATE,
421
- v.START_DATE_SELECTED
422
- ],
423
- setup(o, { emit: t }) {
424
- var Se, xe, Fe, Ee;
425
- const e = o, a = 300, i = "customRange", m = {
426
- daily: "maxRangeDays",
427
- weekly: "maxRangeWeeks",
428
- monthly: "maxRangeMonths",
429
- quarterly: "maxRangeQuarters"
430
- }, f = va(), M = _a(f), { t: B, tc: z } = Ae(), { isTouchDevice: y } = xa(), {
431
- dateFormat: se,
432
- isFormatValid: X,
433
- parseDate: D,
434
- onKeyDown: j,
435
- autoFormat: b,
436
- formatDate: E
437
- } = be(), g = O({}), L = p(() => e.variant === "month" ? "monthly" : "daily"), S = p(() => e.numberOfMonths === 0), r = ve({
438
- startDate: (Se = e.value) == null ? void 0 : Se.startDate,
439
- endDate: (xe = e.value) == null ? void 0 : xe.endDate,
440
- range: (Fe = e.value) == null ? void 0 : Fe.range,
441
- ...e.granularities ? {
442
- granularity: ((Ee = e.value) == null ? void 0 : Ee.granularity) || L.value
443
- } : {}
444
- }), k = p(() => {
445
- var n, l;
446
- return (
447
- // eslint-disable-next-line consistent-return
448
- ((l = (n = e == null ? void 0 : e.quickSelectRanges) == null ? void 0 : n.find(({ value: c, data: d }) => {
449
- var A;
450
- if (!d.endDate) {
451
- if (d.isRelativeToNow) {
452
- const x = (A = g.value) == null ? void 0 : A[c];
453
- return x ? Te(x.startDate, r.startDate) && Te(x.endDate, r.endDate) : (
454
- // If not stored calculated dates, fall back to comparing the quick select item's value
455
- // with the internal range's stored range identifier.
456
- c === r.range
457
- );
458
- }
459
- return Te(d.startDate, r.startDate) && Ka(r.endDate) && (!e.allowTimeInput || Re(r.endDate, C(r.endDate))) && (e.granularities ? d.granularity === r.granularity : !0);
460
- }
461
- if (e.allowTimeInput)
462
- return Re(d.startDate, r.startDate) && Re(d.endDate, r.endDate) && (e.granularities ? d.granularity === r.granularity : !0);
463
- if (d.endDate)
464
- return F(d.startDate, r.startDate) && F(d.endDate, r.endDate) && (e.granularities ? d.granularity === r.granularity : !0);
465
- })) == null ? void 0 : l.value) ?? i
466
- );
467
- }), oe = p(() => ({
468
- "b-date-range-picker-calendar__form-input-wrapper": e.allowTimeInput
469
- })), le = p(() => [
470
- { label: B("customRange"), value: i },
471
- ...e.quickSelectRanges ? e.quickSelectRanges : []
472
- ]), G = p(
473
- () => {
474
- var n;
475
- return ((n = e.granularities) == null ? void 0 : n.find(({ type: l }) => l === r.granularity)) || null;
476
- }
477
- ), ie = p(
478
- () => {
479
- var n;
480
- return ((n = e.granularities) == null ? void 0 : n.map(({ type: l, disabled: c }) => ({
481
- label: B(l),
482
- value: l,
483
- disabled: c
484
- }))) ?? [];
485
- }
486
- ), { getGranularCalendarLimits: Z } = Xa(e), h = p(
487
- () => e.granularities ? Z(G.value) : { min: e.min ? R(e.min) : null, max: e.max ? C(e.max) : null }
488
- ), {
489
- adjustDateForQuarterly: T,
490
- adjustDateForMonthly: ue,
491
- adjustDateForWeekly: ce,
492
- adjustStartDateInputForWeekly: U,
493
- adjustEndDateInputForWeekly: de,
494
- adjustStartDateInputForMonthly: J,
495
- adjustEndDateInputForMonthly: $,
496
- adjustStartDateInputForQuarterly: w,
497
- adjustEndDateInputForQuarterly: Q
498
- } = qa(e.firstDayOfWeek), { savedRanges: q, saveRange: me, resetSavedRanges: ee } = Za(), Y = (n) => n ? E(n) : "", H = O(!1), K = O(!1), s = ve({
499
- startDate: e.dateFormData.startDate,
500
- endDate: e.dateFormData.endDate,
501
- startTime: e.dateFormData.startTime,
502
- endTime: e.dateFormData.endTime
503
- }), De = (n, l) => {
504
- const c = () => {
505
- if (l && P(l)) {
506
- const d = je(D(l), n);
507
- if (e.min && d < Le(e.min, 0) || e.max && d > Le(e.max, 0))
508
- return !1;
509
- }
510
- return !0;
511
- };
512
- return Oe(n) && c();
513
- }, W = p(() => e.variant === "month"), u = (n) => n ? W.value ? Pa(n) : Na(n) : "", V = p(() => u(r.startDate)), ae = p(() => u(r.endDate)), Ke = p(() => y.value ? W.value ? "month" : "date" : "text"), Xe = p(() => y.value ? V.value : s.startDate), Ze = p(() => y.value ? ae.value : s.endDate), I = (n, l) => !l || !Oe(l) || e.variant === "month" ? n : je(new Date(n), l), ea = (n) => {
514
- s.startTime = _(
515
- e.min && e.allowTimeInput && F(e.min, n.startDate) ? e.min : R(n.startDate)
516
- ), s.endTime = _(
517
- e.max && e.allowTimeInput && F(e.max, n.endDate) ? e.max : C(n.endDate)
518
- ), r.startDate = I(n.startDate, s.startTime), r.endDate = I(n.endDate, s.endTime), r.range = null, e.granularities && ee(), t(v.INPUT, {
519
- ...r,
520
- range: k.value
521
- });
522
- }, P = (n) => {
523
- if (!n)
524
- return !1;
525
- const l = (c) => e.min && R(c) < R(e.min) || e.max && R(c) > R(e.max) ? !1 : e.isDateDisabled ? !e.isDateDisabled(R(c)) : !0;
526
- return X(n) && l(D(n));
527
- };
528
- Je(() => {
529
- H.value = !!(e.dateFormData.startDate && !P(e.dateFormData.startDate)), K.value = !!(e.dateFormData.endDate && !P(e.dateFormData.endDate));
530
- });
531
- const aa = (n) => {
532
- s.startDate = Y(n), s.startTime || (s.startTime = _(n)), H.value = !1, t(v.START_DATE_SELECTED, n);
533
- }, ta = (n) => {
534
- s.endDate = Y(n), s.endTime || (s.endTime = _(C(n))), K.value = !1;
535
- }, pe = (n) => {
536
- const l = e.value[n];
537
- if (l)
538
- return l;
539
- if (e.dateFormData[n] && P(e.dateFormData[n]))
540
- return D(e.dateFormData[n]);
541
- }, ye = (n) => {
542
- var l;
543
- if (P(n)) {
544
- let c = n;
545
- switch (H.value = !1, (l = G.value) == null ? void 0 : l.type) {
546
- case "weekly":
547
- c = U(
548
- n,
549
- Y,
550
- h.value.min,
551
- h.value.max
552
- ), s.startDate = c;
553
- break;
554
- case "monthly":
555
- c = J(
556
- n,
557
- Y,
558
- h.value.min,
559
- h.value.max
560
- ), s.startDate = c;
561
- break;
562
- case "quarterly":
563
- c = w(
564
- n,
565
- Y,
566
- h.value.min,
567
- h.value.max
568
- ), s.startDate = c;
569
- break;
570
- }
571
- const d = R(D(c));
572
- r.startDate = I(d, s.startTime), r.endDate = I(
573
- R(D(s.endDate)),
574
- s.endTime
575
- ), P(s.endDate) && (r.endDate = I(
576
- R(D(s.endDate)),
577
- s.endTime
578
- ));
579
- const A = pe("endDate");
580
- r.range = null, t(v.FORM_DATE, {
581
- startDate: d,
582
- endDate: A
583
- }), t(v.INPUT, {
584
- ...r,
585
- range: k.value
586
- });
587
- } else
588
- H.value = !0, t(v.ERROR, { ...s });
589
- }, ke = Ce(ye, a), na = (n) => {
590
- if (s.startDate = y.value && W.value ? n : b(n), y.value)
591
- if (W.value && n) {
592
- const l = Ne(n);
593
- r.startDate = I(l, s.startTime), r.range = null, t(v.INPUT, {
594
- ...r,
595
- range: k.value
596
- });
597
- } else
598
- ye(s.startDate);
599
- else
600
- ke(s.startDate);
601
- }, Me = (n) => {
602
- var l;
603
- if (P(n)) {
604
- let c = n;
605
- switch (K.value = !1, (l = G.value) == null ? void 0 : l.type) {
606
- case "weekly":
607
- c = de(
608
- n,
609
- Y,
610
- h.value.min,
611
- h.value.max
612
- ), s.endDate = c;
613
- break;
614
- case "monthly":
615
- c = $(
616
- n,
617
- Y,
618
- h.value.min,
619
- h.value.max
620
- ), s.endDate = c;
621
- break;
622
- case "quarterly":
623
- c = Q(
624
- n,
625
- Y,
626
- h.value.min,
627
- h.value.max
628
- ), s.endDate = c;
629
- break;
630
- }
631
- const d = R(D(c));
632
- r.endDate = I(d, s.endTime), P(s.startDate) && (r.startDate = I(
633
- R(D(s.startDate)),
634
- s.startTime
635
- ));
636
- const A = pe("startDate");
637
- r.range = null, t(v.FORM_DATE, {
638
- startDate: A,
639
- endDate: d
640
- }), t(v.INPUT, {
641
- ...r,
642
- range: k.value
643
- });
644
- } else
645
- K.value = !0, t(v.ERROR, { ...s });
646
- }, Ie = Ce(Me, a), ra = (n) => {
647
- if (s.endDate = y.value && W.value ? n : b(n), y.value)
648
- if (W.value && n) {
649
- const l = Ne(n);
650
- r.endDate = I(l, s.endTime), r.range = null, t(v.INPUT, {
651
- ...r,
652
- range: k.value
653
- });
654
- } else
655
- Me(s.endDate);
656
- else
657
- Ie(s.endDate);
658
- }, sa = (n) => {
659
- j(n);
660
- }, oa = () => {
661
- t(v.ERROR, { ...s });
662
- }, la = () => {
663
- const n = s.startTime;
664
- if (!De(n, s.startDate)) {
665
- t(v.ERROR, { ...s });
666
- return;
667
- }
668
- r.startDate = I(r.startDate, n);
669
- const l = pe("endDate");
670
- t(v.FORM_DATE, {
671
- startDate: r.startDate,
672
- endDate: l,
673
- startTime: n,
674
- endTime: s.endTime ?? e.dateFormData.endTime
675
- }), t(v.INPUT, {
676
- ...r,
677
- range: k.value
678
- });
679
- }, ia = () => {
680
- t(v.ERROR, { ...s });
681
- }, ua = () => {
682
- const n = s.endTime;
683
- if (!De(n, s.endDate)) {
684
- t(v.ERROR, { ...s });
685
- return;
686
- }
687
- r.endDate = I(r.endDate, n), t(v.FORM_DATE, {
688
- startDate: r.startDate,
689
- endDate: r.endDate,
690
- startTime: s.startTime ?? e.dateFormData.startTime,
691
- endTime: n
692
- }), t(v.INPUT, {
693
- ...r,
694
- range: k.value
695
- });
696
- }, ca = (n) => {
697
- s.startTime = n;
698
- }, da = (n) => {
699
- s.endTime = n;
700
- }, te = (n, l, c, d) => {
701
- r.startDate = n, r.endDate = l, c && (r.granularity = c), d && (r.range = d);
702
- }, ma = (n) => {
703
- var c;
704
- const l = (c = e.quickSelectRanges) == null ? void 0 : c.find(({ value: d }) => d === n);
705
- if (l) {
706
- ee();
707
- const d = l.data, A = d.endDate || (d.isRelativeToNow ? new Date(Date.now()) : C(new Date(Date.now()))), x = d.isRelativeToNow && d.timeDifference ? new Date(A.getTime() - d.timeDifference) : d.startDate;
708
- s.endDate = Y(A), s.startDate = Y(x), te(x, A, null, n), e.granularities && (r.granularity = d.granularity || L.value), s.startTime = _(x), s.endTime = _(A), r.startDate = x, r.endDate = A, d.isRelativeToNow && (g.value = {
709
- ...g.value,
710
- [n]: {
711
- startDate: x,
712
- endDate: A
713
- }
714
- }), t(v.CUSTOM_RANGE, {
715
- ...l.data,
716
- startDate: x,
717
- endDate: A,
718
- range: l.value
719
- });
720
- }
721
- }, _e = {
722
- weekly: ce,
723
- monthly: ue,
724
- quarterly: T
725
- }, Da = (n) => {
726
- const l = r.granularity;
727
- if (r.granularity = n, l && me(l, structuredClone(Ye(r))), r.startDate && r.endDate) {
728
- switch (n) {
729
- case "quarterly":
730
- case "monthly":
731
- case "weekly": {
732
- if (q[n]) {
733
- te(q[n].startDate, q[n].endDate, n);
734
- break;
735
- }
736
- const { startDate: c, endDate: d } = _e[n](
737
- r.startDate,
738
- r.endDate,
739
- h.value.min,
740
- h.value.max
741
- );
742
- te(c, d, n);
743
- break;
744
- }
745
- case "daily":
746
- q.daily && te(q.daily.startDate, q.daily.endDate, n);
747
- break;
748
- }
749
- s.startDate = Y(r.startDate), s.endDate = Y(r.endDate), t(v.INPUT, {
750
- ...r,
751
- range: k.value
752
- });
753
- }
754
- }, pa = p(() => ({
755
- "b-date-range-picker-calendar__form-container--no-calendars": S.value
756
- })), fa = p(() => {
757
- const n = G.value, l = (n == null ? void 0 : n.maxRange) || e.maxRange;
758
- if (!l)
759
- return null;
760
- const c = m[(n == null ? void 0 : n.type) ?? "daily"];
761
- return z(c, l, { count: l });
762
- });
763
- return { __sfc: !0, FORM_INPUT_DEBOUNCE_TIME: a, RANGE_SELECTOR_CUSTOM_RANGE_KEY: i, maxRangeMessageKeyMap: m, props: e, emit: t, slots: f, hasSlot: M, t: B, tc: z, isTouchDevice: y, dateFormat: se, isFormatValid: X, parseDate: D, onKeyDown: j, autoFormat: b, formatDateUtil: E, calculatedIsRelativeToNowQuickSelectRanges: g, defaultGranularity: L, hasNoCalendars: S, internalRangeDate: r, selectedRangeSelectorValue: k, formInputWrapperConditionalClasses: oe, quickSelectRangeDefaultItems: le, selectedGranularity: G, granularityItems: ie, getGranularCalendarLimits: Z, computedMinMax: h, adjustDateForQuarterly: T, adjustDateForMonthly: ue, adjustDateForWeekly: ce, adjustStartDateInputForWeekly: U, adjustEndDateInputForWeekly: de, adjustStartDateInputForMonthly: J, adjustEndDateInputForMonthly: $, adjustStartDateInputForQuarterly: w, adjustEndDateInputForQuarterly: Q, savedRanges: q, saveRange: me, resetSavedRanges: ee, formatDate: Y, startDateError: H, endDateError: K, dateTextInput: s, isValidTime: De, isMonthVariant: W, formatNativeDate: u, nativeStartDate: V, nativeEndDate: ae, dateInputType: Ke, startDateValue: Xe, endDateValue: Ze, setTimeInDateRef: I, onDateInput: ea, isValidDate: P, onStartDateSelected: aa, onEndDateSelected: ta, getDate: pe, validateStartDate: ye, validateStartDateDebounced: ke, onStartDateInput: na, validateEndDate: Me, validateEndDateDebounced: Ie, onEndDateInput: ra, onDateInputKeyDown: sa, onStartTimeError: oa, onStartTimeValid: la, onEndTimeError: ia, onEndTimeValid: ua, onStartTimeInput: ca, onEndTimeInput: da, setInternalRange: te, onRangeSelectorInput: ma, adjustDate: _e, onGranularityInput: Da, computedFormContainerClasses: pa, maxRangeMessage: fa, Calendar: N, BentoAlert: Ra, BentoTypography: $e, BentoInputField: Ya, BentoInputTime: Aa, BentoDropdown: ba, BentoSegmentedControl: Ia };
764
- }
765
- });
766
- var nt = function() {
767
- var t = this, e = t._self._c, a = t._self._setupProxy;
768
- return e("div", { staticClass: "b-date-range-picker-calendar" }, [e("div", { staticClass: "b-date-range-picker-calendar__form-container", class: a.computedFormContainerClasses, attrs: { "data-testid": "date-range-picker-calendar-form-container" } }, [e("div", { staticClass: "b-date-range-picker-calendar__form" }, [a.hasSlot("title") ? [t._t("title")] : t._e(), t.quickSelectRanges ? e(a.BentoDropdown, { attrs: { "aria-label": a.t("customRange"), items: a.quickSelectRangeDefaultItems, "model-value": a.selectedRangeSelectorValue }, on: { "update:model-value": a.onRangeSelectorInput } }) : t._e(), t.granularities ? e(a.BentoSegmentedControl, { attrs: { items: a.granularityItems, "model-value": a.internalRangeDate.granularity, "full-width": "" }, on: { "update:model-value": a.onGranularityInput } }) : t._e(), a.maxRangeMessage ? e(a.BentoAlert, { attrs: { variant: "tip" }, scopedSlots: t._u([{ key: "description", fn: function() {
769
- return [t._v(" " + t._s(a.maxRangeMessage) + " ")];
770
- }, proxy: !0 }], null, !1, 1192229622) }) : t._e(), e("div", [e(a.BentoTypography, { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [t._v(" From ")]), e("div", { class: a.formInputWrapperConditionalClasses }, [e(a.BentoInputField, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": a.t("dateFrom"), "model-value": a.startDateValue, error: a.startDateError, type: a.dateInputType }, on: { "update:model-value": a.onStartDateInput, keydown: a.onDateInputKeyDown }, scopedSlots: t._u([a.isTouchDevice ? null : { key: "description", fn: function() {
771
- return [t._v(t._s(a.t(a.dateFormat)))];
772
- }, proxy: !0 }], null, !0) }), t.allowTimeInput ? e(a.BentoInputTime, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": a.t("timeFrom"), "model-value": a.dateTextInput.startTime }, on: { "update:model-value": a.onStartTimeInput, "input:error": a.onStartTimeError, "input:valid": a.onStartTimeValid } }) : t._e()], 1)], 1), e("div", [e(a.BentoTypography, { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [t._v(" To ")]), e("div", { class: a.formInputWrapperConditionalClasses }, [e(a.BentoInputField, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": a.t("dateTo"), "model-value": a.endDateValue, error: a.endDateError, type: a.dateInputType }, on: { "update:model-value": a.onEndDateInput, keydown: a.onDateInputKeyDown }, scopedSlots: t._u([a.isTouchDevice ? null : { key: "description", fn: function() {
773
- return [t._v(t._s(a.t(a.dateFormat)))];
774
- }, proxy: !0 }], null, !0) }), t.allowTimeInput ? e(a.BentoInputTime, { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": a.t("timeTo"), "model-value": a.dateTextInput.endTime }, on: { "update:model-value": a.onEndTimeInput, "input:error": a.onEndTimeError, "input:valid": a.onEndTimeValid } }) : t._e()], 1)], 1)], 2), a.hasSlot("actions") ? e("div", [t._t("actions")], 2) : t._e()]), !a.hasNoCalendars && !a.isTouchDevice ? e("div", { staticClass: "b-date-range-picker-calendar__calendars-container", attrs: { "data-testid": "date-range-picker-calendar-calendar-container" } }, [e(a.Calendar, { attrs: { value: a.internalRangeDate, "first-day-of-week": t.firstDayOfWeek, "is-date-disabled": t.isDateDisabled, "max-range": t.maxRange, min: a.computedMinMax.min, max: a.computedMinMax.max, "number-of-months": t.numberOfMonths, "show-end-date-on-open": t.showEndDateOnOpen, granularity: a.selectedGranularity, variant: t.variant, "is-range": "" }, on: { input: a.onDateInput, "start-date-selected": a.onStartDateSelected, "end-date-selected": a.onEndDateSelected } })], 1) : t._e()]);
775
- }, rt = [], st = /* @__PURE__ */ He(
776
- tt,
777
- nt,
778
- rt,
779
- !1,
780
- null,
781
- "4f97c782"
782
- );
783
- const ot = st.exports, lt = {
784
- "de-DE": {
785
- apply: "Anwenden",
786
- cancel: "Abbrechen",
787
- dateRangePicker: "Datumsbereichauswahl {name}",
788
- provideDateInAFormat: "Geben Sie das Datum im Format YYYY-MM-DD an",
789
- quarter: "Q{quarter} {year}",
790
- selectDate: "Wählen Sie ein Datum",
791
- selectDateRange: "Wählen Sie einen Datumsbereich aus",
792
- selectedDateIsNotAvailable: "Ausgewähltes Datum ist nicht verfügbar"
793
- },
794
- "en-GB": {
795
- apply: "Apply",
796
- cancel: "Cancel",
797
- dateRangePicker: "Date range picker {name}",
798
- provideDateInAFormat: "Enter date in YYYY-MM-DD format",
799
- quarter: "Q{quarter} {year}",
800
- selectDate: "Select a date",
801
- selectDateRange: "Select a date range",
802
- selectedDateIsNotAvailable: "Selected date is not available"
803
- },
804
- "en-US": {
805
- apply: "Apply",
806
- cancel: "Cancel",
807
- dateRangePicker: "Date range picker {name}",
808
- provideDateInAFormat: "Provide date in a YYYY-MM-DD format",
809
- quarter: "Q{quarter} {year}",
810
- selectDate: "Select a date",
811
- selectDateRange: "Select a date range",
812
- selectedDateIsNotAvailable: "Selected date is not available"
813
- },
814
- "es-ES": {
815
- apply: "Aplicar",
816
- cancel: "Cancelar",
817
- dateRangePicker: "Selector de intervalos de fechas {name}",
818
- provideDateInAFormat: "Proporciona la fecha en formato AAAAA-MM-DD",
819
- quarter: "T{quarter} {year}",
820
- selectDate: "Selecciona una fecha",
821
- selectDateRange: "Selecciona un rango de fechas",
822
- selectedDateIsNotAvailable: "La fecha seleccionada no está disponible"
823
- },
824
- "es-MX": {
825
- apply: "Aplicar",
826
- cancel: "Cancelar",
827
- dateRangePicker: "Selector de intervalos de fechas {name}",
828
- provideDateInAFormat: "Proporciona la fecha en formato AAAA-MM-DD",
829
- quarter: "T{quarter} {year}",
830
- selectDate: "Selecciona una fecha",
831
- selectDateRange: "Selecciona un rango de fechas",
832
- selectedDateIsNotAvailable: "La fecha seleccionada no está disponible"
833
- },
834
- "fr-FR": {
835
- apply: "Appliquer",
836
- cancel: "Annuler",
837
- dateRangePicker: "Sélecteur de plages de dates {name}",
838
- provideDateInAFormat: "Fournissez la date au format AAAA-MM-JJ",
839
- quarter: "T{quarter} {year}",
840
- selectDate: "Sélectionnez une date",
841
- selectDateRange: "Sélectionnez une plage de dates",
842
- selectedDateIsNotAvailable: "La date sélectionnée n’est pas disponible"
843
- },
844
- "it-IT": {
845
- apply: "Applica",
846
- cancel: "Annulla",
847
- dateRangePicker: "Selettore intervallo di date {name}",
848
- provideDateInAFormat: "Inserisci la data nel formato AAAA-MM-GG",
849
- quarter: "Q{quarter} {year}",
850
- selectDate: "Seleziona una data",
851
- selectDateRange: "Seleziona un intervallo di date",
852
- selectedDateIsNotAvailable: "La data selezionata non è disponibile"
853
- },
854
- "ja-JP": {
855
- apply: "適用",
856
- cancel: "キャンセル",
857
- dateRangePicker: "日付範囲ピッカー {name}",
858
- provideDateInAFormat: "YYYY-MM-DD形式で日付を入力してください",
859
- quarter: "{year}年第{quarter}四半期",
860
- selectDate: "日付を選択",
861
- selectDateRange: "日付範囲を選択",
862
- selectedDateIsNotAvailable: "選択した日付は利用できません"
863
- },
864
- "pt-BR": {
865
- apply: "Aplicar",
866
- cancel: "Cancelar",
867
- dateRangePicker: "Seletor de intervalo de datas {name}",
868
- provideDateInAFormat: "Inclua a data no formato AAAA-MM-DD",
869
- quarter: "{quarter}º trimestre de {year}",
870
- selectDate: "Selecione uma data",
871
- selectDateRange: "Selecione um intervalo de datas",
872
- selectedDateIsNotAvailable: "A data selecionada não está disponível"
873
- },
874
- "zh-CN": {
875
- apply: "应用",
876
- cancel: "取消",
877
- dateRangePicker: "日期范围选择器 {name}",
878
- provideDateInAFormat: "提供年-月-日格式的日期",
879
- quarter: "{year} {quarter} 季度",
880
- selectDate: "选择日期",
881
- selectDateRange: "选择日期范围",
882
- selectedDateIsNotAvailable: "所选日期不可用"
883
- }
884
- }, it = ({
885
- datePickerValue: o,
886
- isDateIncorrect: t,
887
- quickSelectRanges: e,
888
- isMonthVariant: a,
889
- withTimeInput: i,
890
- placeholder: m
891
- }) => {
892
- const { locale: f, t: M } = Ae(), { dateToInputDateString: B } = be(), z = (D) => !!D && !isNaN(D.getTime()), y = ve({
893
- startDate: null,
894
- endDate: null,
895
- startTime: null,
896
- endTime: null
897
- });
898
- return fe(
899
- o,
900
- (D) => {
901
- y.startDate = B(D == null ? void 0 : D.startDate), y.endDate = B(D == null ? void 0 : D.endDate), y.startTime = _(D == null ? void 0 : D.startDate), y.endTime = _(D == null ? void 0 : D.endDate);
902
- },
903
- { immediate: !0 }
904
- ), {
905
- // Values
906
- dateDisplayValue: p(() => {
907
- var j;
908
- if (t.value)
909
- return `${y.startDate || ""} - ${y.endDate || ""}`;
910
- if (!o.value || !o.value.startDate && !o.value.endDate)
911
- return (m == null ? void 0 : m.value) || M("selectDateRange");
912
- if ((j = e.value) != null && j.length) {
913
- const b = e.value.find(({ value: E }) => {
914
- var g;
915
- return E === ((g = o.value) == null ? void 0 : g.range);
916
- });
917
- if (b)
918
- return b.label;
919
- }
920
- if (o.value.granularity === "quarterly") {
921
- const { startDate: b, endDate: E } = o.value, g = M("quarter", { quarter: ze(b), year: Ge(b) });
922
- if (Ha(b, E))
923
- return g;
924
- const L = M("quarter", { quarter: ze(E), year: Ge(E) });
925
- return `${g} - ${L}`;
926
- }
927
- if (!z(o.value.startDate) || !z(o.value.endDate))
928
- return `${y.startDate || ""} - ${y.endDate || ""}`;
929
- let D = a != null && a.value ? { month: "long", year: "numeric" } : { month: "short", day: "2-digit", year: "numeric" };
930
- return i.value && (D = {
931
- ...D,
932
- hour: "numeric",
933
- minute: "numeric",
934
- second: "numeric",
935
- hour12: !1
936
- }), za(f.value, D).formatRange(
937
- o.value.startDate,
938
- o.value.endDate
939
- );
940
- }),
941
- textInputDisplayValue: y,
942
- // Methods
943
- formatTextInputDisplayValue: () => ""
944
- };
945
- }, ut = {
946
- i18n: { messages: lt },
947
- name: "bento-date-range-picker",
948
- model: { prop: "modelValue" }
949
- }, ct = /* @__PURE__ */ Ue({
950
- ...ut,
951
- props: {
952
- description: { default: void 0 },
953
- disabled: { type: Boolean, default: !1 },
954
- errorMessage: { default: null },
955
- label: { default: void 0 },
956
- optional: { type: Boolean, default: !1 },
957
- placeholder: { default: null },
958
- readonly: { type: Boolean, default: !1 },
959
- required: { type: Boolean, default: !1 },
960
- tooltipText: { default: null },
961
- allowTimeInput: { type: Boolean },
962
- firstDayOfWeek: { default: void 0 },
963
- granularities: null,
964
- isDateDisabled: { default: void 0 },
965
- showEndDateOnOpen: { type: Boolean, default: !1 },
966
- quickSelectRanges: { default: void 0 },
967
- maxRange: { default: null },
968
- min: { default: null },
969
- max: { default: null },
970
- numberOfMonths: { default: void 0 },
971
- modelValue: { default: null },
972
- value: { default: null },
973
- variant: { default: void 0 },
974
- hasActions: { type: Boolean, default: !1 }
975
- },
976
- emits: ["update:model-value", "input"],
977
- setup(o, { emit: t }) {
978
- const e = o, a = ga(), { t: i } = Ae(), { dateToInputDateString: m } = be(), f = ne("bento-date-range-picker-container"), M = ne("bento-date-range-picker-label"), B = ne("bento-date-range-picker-description"), z = ne("bento-date-range-picker-error"), y = ne("bento-date-range-picker-date-error"), se = p(() => e.label || i("dateRangePicker", { name: f })), { resolvedFirstDayOfWeek: X } = Sa(he(e, "firstDayOfWeek")), D = ya({
979
- none: 0,
980
- one: 710,
981
- // width of date range picker with one panes
982
- two: 1030,
983
- // width of date range picker with two panes
984
- three: 1290
985
- // width of date range picker with three panes
986
- }), j = p(() => {
987
- const u = D.active().value, V = {
988
- none: 0,
989
- one: 1,
990
- two: 2
991
- };
992
- if (u in V) {
993
- const ae = V[u];
994
- return e.numberOfMonths === void 0 ? ae : Math.min(e.numberOfMonths, ae);
995
- }
996
- return e.numberOfMonths;
997
- }), b = p(() => (e == null ? void 0 : e.quickSelectRanges) && e.quickSelectRanges.map((u) => {
998
- const V = u.data.endDate ? void 0 : new Date(Date.now()).getTime() - u.data.startDate.getTime();
999
- return {
1000
- ...u,
1001
- data: {
1002
- ...u.data,
1003
- // Adding timeDifference to calculate an up-to-date endDate on range selection
1004
- timeDifference: V
1005
- }
1006
- };
1007
- })), E = p(() => e.label ? M : (a == null ? void 0 : a["aria-labelledby"]) ?? null), g = O(!1), L = O(null), S = O(!1), { isReadOnly: r } = La(he(e, "readonly")), { emitValue: k } = Ga(t);
1008
- fe(
1009
- () => e.disabled,
1010
- () => {
1011
- e.disabled && S.value && (S.value = !1);
1012
- }
1013
- );
1014
- const oe = p(() => e.modelValue || e.value), le = p(() => e.hasActions ? !Q.value && g.value : g.value), G = p(() => ({
1015
- "b-date-range-picker__description--error": !!e.errorMessage || le.value
1016
- })), ie = p(() => e.variant === "month"), Z = p(() => e.allowTimeInput && e.variant !== "month"), { dateDisplayValue: h, textInputDisplayValue: T, formatTextInputDisplayValue: ue } = it({
1017
- datePickerValue: oe,
1018
- isDateIncorrect: g,
1019
- quickSelectRanges: b,
1020
- isMonthVariant: ie,
1021
- withTimeInput: Z,
1022
- placeholder: he(e, "placeholder")
1023
- }), ce = p(
1024
- () => `${e.description ? B : ""} ${e.errorMessage ? z : ""} ${g.value ? y : ""}`.trim() || null
1025
- ), U = () => {
1026
- S.value = !1;
1027
- }, de = () => {
1028
- S.value = !0;
1029
- }, J = O(h.value), $ = O(
1030
- // textInputDisplayValue is a reactive object
1031
- structuredClone(Ye(T))
1032
- ), w = O(e.modelValue ?? e.value), Q = O(!0), q = p(
1033
- () => e.hasActions ? $.value : T
1034
- ), me = p(
1035
- () => e.hasActions ? J.value : h.value
1036
- );
1037
- Je(() => {
1038
- if (e.hasActions || we(
1039
- 'BentoDateRangePicker "hasActions" property',
1040
- `Set the BentoDateRangePicker "hasActions" property true which will display the "Apply" and "Cancel" buttons.
1041
- This will be the default behavior in the v2 and "hasActions" will be removed.`,
1042
- "2.0.0"
1043
- ), e.value && we(
1044
- 'BentoDateRangePicker "value" property',
1045
- 'The use of "value" prop in "BentoDateRangePicker" is no longer supported. Use the "v-model" or "model-value" property instead.',
1046
- "2.0.0"
1047
- ), e.granularities && e.variant !== "month" && e.granularities.find(({ type: u }) => u === "quarterly"))
1048
- throw new Error('Quarterly granularity is only supported by BentoDateRangePicker with variant: "month"');
1049
- }), fe([() => e.value, () => e.modelValue], () => {
1050
- J.value = h.value, $.value = structuredClone(Ye(T));
1051
- });
1052
- const ee = p(() => [
1053
- {
1054
- title: i("apply"),
1055
- event: () => {
1056
- k(w.value), U(), Q.value = !0;
1057
- },
1058
- disabled: Q.value
1059
- },
1060
- {
1061
- title: i("cancel"),
1062
- event: U
1063
- }
1064
- ]);
1065
- return fe(w, (u) => {
1066
- if (e.hasActions) {
1067
- Q.value = g.value;
1068
- return;
1069
- }
1070
- k(u);
1071
- }), { __sfc: !0, emit: t, props: e, attrs: a, t: i, dateToInputDateString: m, datePickerContainerId: f, labelId: M, descriptionId: B, errorId: z, dateErrorId: y, popoverAriaLabel: se, resolvedFirstDayOfWeek: X, breakpoints: D, computedNumberOfMonths: j, adjustedQuickSelectRanges: b, dropdownInputAriaLabelledBy: E, isDateIncorrect: g, inputContainerRef: L, isDateRangePickerOpen: S, isReadOnly: r, emitValue: k, internalModelValue: oe, shouldDisplayError: le, descriptionConditionalClasses: G, isMonthVariant: ie, withTimeInput: Z, dateDisplayValue: h, textInputDisplayValue: T, formatTextInputDisplayValue: ue, ariaDescribedBy: ce, closeDateRangePicker: U, openDateRangePicker: de, localDateDisplayValue: J, localTextInputDisplayValue: $, selectedDate: w, isApplyDisabled: Q, displayedTextInputValue: q, displayedDateValue: me, rangePickerButtonActions: ee, onDateRangePickerInput: (u) => {
1072
- g.value = !1, T.startDate = m(u.startDate), T.endDate = m(u.endDate), T.startTime = _(u.startDate), T.endTime = _(u.endDate), w.value = u;
1073
- }, clearDateRangePickerValue: async () => {
1074
- g.value && (g.value = !1), w.value = null;
1075
- }, onEnterPressedOverInput: () => {
1076
- if (!S.value) {
1077
- S.value = !0;
1078
- return;
1079
- }
1080
- g.value || (S.value = !1);
1081
- }, onDateRangePickerFormDateInputUpdate: (u) => {
1082
- g.value = !1, u.startTime && (T.startTime = u.startTime), u.endTime && (T.endTime = u.endTime);
1083
- }, onDateRangePickerError: (u) => {
1084
- g.value = !0, T.startDate = u.startDate, T.endDate = u.endDate, w.value = { startDate: null, endDate: null };
1085
- }, onRangeSelectorInput: (u) => {
1086
- u && (T.startDate = m(u.startDate), T.endDate = m(u.endDate), T.startTime = _(u.startDate), T.endTime = _(u.endDate), w.value = u);
1087
- }, BentoButtonActions: Ta, BentoButtonActionsLayout: $a, BentoDivider: Ma, BentoPopover: ha, BentoTypography: $e, DateRangePickerCalendar: ot, DropdownInputDefault: ka, ErrorMessage: Ja, FieldLabel: Ua, vBentoClickOutsideDirective: Va };
1088
- }
1089
- });
1090
- var dt = function() {
1091
- var t = this, e = t._self._c, a = t._self._setupProxy;
1092
- return e("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: a.closeDateRangePicker, expression: "closeDateRangePicker" }], staticClass: "b-date-range-picker" }, [t.label ? e(a.FieldLabel, { attrs: { id: a.labelId, label: t.label, "tooltip-text": t.tooltipText, optional: t.optional, required: t.required } }) : t._e(), e("div", { on: { keydown: function(i) {
1093
- return !i.type.indexOf("key") && t._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : a.onEnterPressedOverInput.apply(null, arguments);
1094
- } } }, [e(a.DropdownInputDefault, { ref: "inputContainerRef", attrs: { "always-combobox-is-input": "", ariaControls: a.datePickerContainerId, ariaExpanded: a.isDateRangePickerOpen, "aria-labelledby": a.dropdownInputAriaLabelledBy, "aria-describedby": a.ariaDescribedBy, "aria-required": t.required, disabled: t.disabled, "is-invalid": !!t.errorMessage || a.shouldDisplayError, open: a.isDateRangePickerOpen, "display-value": a.displayedDateValue, readonly: a.isReadOnly }, on: { open: a.openDateRangePicker, clear: a.clearDateRangePickerValue, close: a.closeDateRangePicker } })], 1), a.shouldDisplayError ? e(a.ErrorMessage, { staticClass: "b-date-range-picker__error-message", attrs: { id: a.dateErrorId, "error-message": a.t("provideDateInAFormat") } }) : t._e(), t.errorMessage ? e(a.ErrorMessage, { staticClass: "b-date-range-picker__error-message", attrs: { id: a.errorId, "error-message": t.errorMessage } }) : t._e(), t.description ? e(a.BentoTypography, { staticClass: "b-date-range-picker__description", class: a.descriptionConditionalClasses, attrs: { id: a.descriptionId, el: "span" } }, [t._v(" " + t._s(t.description) + " ")]) : t._e(), a.inputContainerRef ? e(a.BentoPopover, { staticClass: "b-date-range-picker__container", attrs: { id: a.datePickerContainerId, open: a.isDateRangePickerOpen, "target-element": a.inputContainerRef, "aria-label": a.popoverAriaLabel, position: "bottom-start", "without-space": "", "fit-content": "", "trap-all": "", "overflow-visible": "" }, nativeOn: { keydown: function(i) {
1095
- return !i.type.indexOf("key") && t._k(i.keyCode, "esc", 27, i.key, ["Esc", "Escape"]) ? null : a.closeDateRangePicker.apply(null, arguments);
1096
- } } }, [e(a.DateRangePickerCalendar, { attrs: { "allow-time-input": a.withTimeInput, "quick-select-ranges": a.adjustedQuickSelectRanges, value: a.internalModelValue, "first-day-of-week": a.resolvedFirstDayOfWeek, granularities: t.granularities, "is-date-disabled": t.isDateDisabled, "max-range": t.maxRange, min: t.min, max: t.max, "number-of-months": a.computedNumberOfMonths, "show-end-date-on-open": t.showEndDateOnOpen, "date-form-data": a.displayedTextInputValue, variant: t.variant }, on: { "custom-range": a.onRangeSelectorInput, input: a.onDateRangePickerInput, error: a.onDateRangePickerError, "form-date": a.onDateRangePickerFormDateInputUpdate }, scopedSlots: t._u([t.hasActions ? { key: "actions", fn: function() {
1097
- return [e(a.BentoDivider), e("div", { staticClass: "b-date-range-picker__footer" }, [e(a.BentoButtonActions, { attrs: { actions: a.rangePickerButtonActions, layout: a.BentoButtonActionsLayout.SPACE_BETWEEN } })], 1)];
1098
- }, proxy: !0 } : null], null, !0) })], 1) : t._e()], 1);
1099
- }, mt = [], Dt = /* @__PURE__ */ He(
1100
- ct,
1101
- dt,
1102
- mt,
1103
- !1,
1104
- null,
1105
- "fbf1b83e"
1106
- );
1107
- const Lt = Dt.exports;
1108
- export {
1109
- Lt as B,
1110
- ot as D,
1111
- Ka as a,
1112
- Te as i
1113
- };
1114
- //# sourceMappingURL=date-range-picker.gfRJmzXn.js.map