@adyen/bento-vue3 1.91.0 → 1.92.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.
- package/dist/@types/index.d.ts +128 -137
- package/dist/action-bar.js +1 -1
- package/dist/ai-tag.js +1 -1
- package/dist/alert.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/button-actions.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/checkbox-group.css +1 -1
- package/dist/assets/checkbox.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/dropdown-tag.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/input-field-password.css +1 -1
- package/dist/assets/input-field-phone-number.css +1 -1
- package/dist/assets/input-field.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/secondary-nav.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/textarea.css +1 -1
- package/dist/assets/toggle.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/button.js +1 -1
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chunks/{action-bar.BPS3wPde.js → action-bar.BxyRAZn1.js} +3 -3
- package/dist/chunks/{action-bar.BPS3wPde.js.map → action-bar.BxyRAZn1.js.map} +1 -1
- package/dist/chunks/{ai-tag.D7shWB_x.js → ai-tag.CpeZm2Yf.js} +2 -2
- package/dist/chunks/{ai-tag.D7shWB_x.js.map → ai-tag.CpeZm2Yf.js.map} +1 -1
- package/dist/chunks/{alert.CFWN2E0b.js → alert.RD0qOLhx.js} +91 -69
- package/dist/chunks/alert.RD0qOLhx.js.map +1 -0
- package/dist/chunks/{base-modal.BxcS7Pao.js → base-modal.C8Rsc2oO.js} +3 -3
- package/dist/chunks/base-modal.C8Rsc2oO.js.map +1 -0
- package/dist/chunks/{button-actions-with-menu.BKdNXYgU.js → button-actions-with-menu.KaWdHibo.js} +2 -2
- package/dist/chunks/{button-actions-with-menu.BKdNXYgU.js.map → button-actions-with-menu.KaWdHibo.js.map} +1 -1
- package/dist/chunks/{button-actions.DLiM8KZL.js → button-actions.7Oi2Ra4p.js} +87 -93
- package/dist/chunks/button-actions.7Oi2Ra4p.js.map +1 -0
- package/dist/chunks/button-actions.types.BptAXjD8.js.map +1 -1
- package/dist/chunks/button.DWF7FSIw.js.map +1 -1
- package/dist/chunks/{calendar.qm-kFNQv.js → calendar.DfMwuOIR.js} +516 -456
- package/dist/chunks/calendar.DfMwuOIR.js.map +1 -0
- package/dist/chunks/{card.BEChcEqg.js → card.7q8tTfjG.js} +2 -2
- package/dist/chunks/card.7q8tTfjG.js.map +1 -0
- package/dist/chunks/{checkbox-group.i3W8WO-7.js → checkbox-group.DawPC5Go.js} +4 -4
- package/dist/chunks/checkbox-group.DawPC5Go.js.map +1 -0
- package/dist/chunks/{checkbox.BPrymcRl.js → checkbox.CDjMTuJk.js} +20 -22
- package/dist/chunks/checkbox.CDjMTuJk.js.map +1 -0
- package/dist/chunks/{code-snippet.BG5ZmCrb.js → code-snippet.Dtb7CDv9.js} +3 -3
- package/dist/chunks/code-snippet.Dtb7CDv9.js.map +1 -0
- package/dist/chunks/constructNow.DyOJDyZZ.js +8 -0
- package/dist/chunks/{constructNow.D9uRk678.js.map → constructNow.DyOJDyZZ.js.map} +1 -1
- package/dist/chunks/country.types.6a7xxZIR.js.map +1 -1
- package/dist/chunks/{dashboard-section.C7mfUXOl.js → dashboard-section.kwKlujP-.js} +2 -2
- package/dist/chunks/{dashboard-section.C7mfUXOl.js.map → dashboard-section.kwKlujP-.js.map} +1 -1
- package/dist/chunks/{dashed-underline.B50DIXjK.js → dashed-underline.ADDEdamG.js} +2 -2
- package/dist/chunks/{dashed-underline.B50DIXjK.js.map → dashed-underline.ADDEdamG.js.map} +1 -1
- package/dist/chunks/{data-grid-template.CKdZb6EN.js → data-grid-template.C69yN3ZR.js} +2 -2
- package/dist/chunks/{data-grid-template.CKdZb6EN.js.map → data-grid-template.C69yN3ZR.js.map} +1 -1
- package/dist/chunks/{data-grid.DvMe72LK.js → data-grid._kCZlpR4.js} +464 -465
- package/dist/chunks/data-grid._kCZlpR4.js.map +1 -0
- package/dist/chunks/{date-picker.CidHad1p.js → date-picker.D08qIp2A.js} +7 -7
- package/dist/chunks/{date-picker.CidHad1p.js.map → date-picker.D08qIp2A.js.map} +1 -1
- package/dist/chunks/date-picker.types.Ckt7zxGy.js.map +1 -1
- package/dist/chunks/date-range-picker.BXzTT4AF.js +1038 -0
- package/dist/chunks/date-range-picker.BXzTT4AF.js.map +1 -0
- package/dist/chunks/date-range-picker.types.Ckt7zxGy.js.map +1 -1
- package/dist/chunks/{de.DXrHnkLX.js → de.ctR_lBqr.js} +2 -2
- package/dist/chunks/{de.DXrHnkLX.js.map → de.ctR_lBqr.js.map} +1 -1
- package/dist/chunks/{differenceInMonths.s_znQQpw.js → differenceInMonths.yz4Dfe-b.js} +13 -12
- package/dist/chunks/{differenceInMonths.s_znQQpw.js.map → differenceInMonths.yz4Dfe-b.js.map} +1 -1
- package/dist/chunks/{draggable-handle.CySRx1tb.js → draggable-handle.BWHOlabB.js} +2 -2
- package/dist/chunks/{draggable-handle.CySRx1tb.js.map → draggable-handle.BWHOlabB.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.wcJ6Mgqe.js → dropdown-tag.Sk2n9gbl.js} +6 -6
- package/dist/chunks/dropdown-tag.Sk2n9gbl.js.map +1 -0
- package/dist/chunks/{dropdown.DHoL50gV.js → dropdown.CuIBYLdy.js} +400 -396
- package/dist/chunks/dropdown.CuIBYLdy.js.map +1 -0
- package/dist/chunks/{en-GB.CBpvhDYV.js → en-GB.BsQNm5GT.js} +2 -2
- package/dist/chunks/{en-GB.CBpvhDYV.js.map → en-GB.BsQNm5GT.js.map} +1 -1
- package/dist/chunks/{en-US.CCazFVNP.js → en-US.BR6y7foR.js} +5 -5
- package/dist/chunks/{en-US.CCazFVNP.js.map → en-US.BR6y7foR.js.map} +1 -1
- package/dist/chunks/{es.CoF2PB8b.js → es.DxqH-QhP.js} +2 -2
- package/dist/chunks/{es.CoF2PB8b.js.map → es.DxqH-QhP.js.map} +1 -1
- package/dist/chunks/{file-uploader.Dbg3vfZ_.js → file-uploader.B5_l2uQO.js} +4 -5
- package/dist/chunks/{file-uploader.Dbg3vfZ_.js.map → file-uploader.B5_l2uQO.js.map} +1 -1
- package/dist/chunks/{filter-bar.Dt-cU3zy.js → filter-bar.gwDFNkp5.js} +22 -22
- package/dist/chunks/filter-bar.gwDFNkp5.js.map +1 -0
- package/dist/chunks/{footer-actions.CYBdKDPo.js → footer-actions.4Qj_I3cd.js} +2 -2
- package/dist/chunks/{footer-actions.CYBdKDPo.js.map → footer-actions.4Qj_I3cd.js.map} +1 -1
- package/dist/chunks/{form-layout-title.B3ePK3yi.js → form-layout-title.B712PesH.js} +2 -2
- package/dist/chunks/{form-layout-title.B3ePK3yi.js.map → form-layout-title.B712PesH.js.map} +1 -1
- package/dist/chunks/{fr.CJXL-Ief.js → fr.DJtn8ron.js} +2 -2
- package/dist/chunks/{fr.CJXL-Ief.js.map → fr.DJtn8ron.js.map} +1 -1
- package/dist/chunks/{header-meta.COak4D8-.js → header-meta.BJjFOcxY.js} +14 -14
- package/dist/chunks/{header-meta.COak4D8-.js.map → header-meta.BJjFOcxY.js.map} +1 -1
- package/dist/chunks/{header-with-views.DqioajcO.js → header-with-views.CMO5q6g5.js} +8 -8
- package/dist/chunks/{header-with-views.DqioajcO.js.map → header-with-views.CMO5q6g5.js.map} +1 -1
- package/dist/chunks/{header.C21yzWrk.js → header.5RQulwlL.js} +3 -3
- package/dist/chunks/header.5RQulwlL.js.map +1 -0
- package/dist/chunks/{input-field-password.DyUphhxB.js → input-field-password.DWR0liBW.js} +5 -5
- package/dist/chunks/input-field-password.DWR0liBW.js.map +1 -0
- package/dist/chunks/{input-field-phone-number.BXVaC5ra.js → input-field-phone-number.ByjukCrO.js} +4 -4
- package/dist/chunks/{input-field-phone-number.BXVaC5ra.js.map → input-field-phone-number.ByjukCrO.js.map} +1 -1
- package/dist/chunks/{input-field.DkUFvIWt.js → input-field.FkzBZDWS.js} +141 -130
- package/dist/chunks/input-field.FkzBZDWS.js.map +1 -0
- package/dist/chunks/{input-time.WI_qdwJc.js → input-time.DlvANG4O.js} +4 -4
- package/dist/chunks/{input-time.WI_qdwJc.js.map → input-time.DlvANG4O.js.map} +1 -1
- package/dist/chunks/isSameWeek.CieN9XgL.js +14 -0
- package/dist/chunks/{isSameWeek.Dj6luS8h.js.map → isSameWeek.CieN9XgL.js.map} +1 -1
- package/dist/chunks/{it.20Y7h-bF.js → it.keS7oN5l.js} +3 -3
- package/dist/chunks/{it.20Y7h-bF.js.map → it.keS7oN5l.js.map} +1 -1
- package/dist/chunks/{ja.DXlq0H98.js → ja.cLwacUE6.js} +2 -2
- package/dist/chunks/{ja.DXlq0H98.js.map → ja.cLwacUE6.js.map} +1 -1
- package/dist/chunks/link.D6D6YGsN.js.map +1 -1
- package/dist/chunks/{modal-fullscreen.c6QphYQo.js → modal-fullscreen.CepaWyoi.js} +2 -2
- package/dist/chunks/{modal-fullscreen.c6QphYQo.js.map → modal-fullscreen.CepaWyoi.js.map} +1 -1
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.ImqHKH-g.js → modal.vue_vue_type_script_setup_true_lang.BW9Ff59H.js} +49 -47
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.ImqHKH-g.js.map → modal.vue_vue_type_script_setup_true_lang.BW9Ff59H.js.map} +1 -1
- package/dist/chunks/{pagination.Cu85Lqms.js → pagination.Ch_Occwt.js} +2 -2
- package/dist/chunks/{pagination.Cu85Lqms.js.map → pagination.Ch_Occwt.js.map} +1 -1
- package/dist/chunks/payment-method.types.BqtH7RM2.js.map +1 -1
- package/dist/chunks/popover.types.D8tHtFl3.js.map +1 -1
- package/dist/chunks/popper-container.DMN8n5iC.js.map +1 -1
- package/dist/chunks/promo-banner.-H4r_cwj.js.map +1 -1
- package/dist/chunks/{pt-BR.DmhmCzxE.js → pt-BR.ChPOra5s.js} +2 -2
- package/dist/chunks/{pt-BR.DmhmCzxE.js.map → pt-BR.ChPOra5s.js.map} +1 -1
- package/dist/chunks/radio-group.CfMr1fmW.js.map +1 -1
- package/dist/chunks/{rich-text-editor.Bf9EWzNk.js → rich-text-editor.mxbLaG6q.js} +3 -3
- package/dist/chunks/{rich-text-editor.Bf9EWzNk.js.map → rich-text-editor.mxbLaG6q.js.map} +1 -1
- package/dist/chunks/{search-bar.p6kHCCvT.js → search-bar.JDkxJGjF.js} +4 -4
- package/dist/chunks/{search-bar.p6kHCCvT.js.map → search-bar.JDkxJGjF.js.map} +1 -1
- package/dist/chunks/{secondary-nav.CaxiyVaO.js → secondary-nav.CROQNbYk.js} +2 -2
- package/dist/chunks/{secondary-nav.CaxiyVaO.js.map → secondary-nav.CROQNbYk.js.map} +1 -1
- package/dist/chunks/segmented-control.types.BHRLV8KU.js.map +1 -1
- package/dist/chunks/{selection-card-group.58XZj_SJ.js → selection-card-group.DJ6FFvsA.js} +9 -9
- package/dist/chunks/{selection-card-group.58XZj_SJ.js.map → selection-card-group.DJ6FFvsA.js.map} +1 -1
- package/dist/chunks/{sidepanel.CAVhSs-O.js → sidepanel.S037xghX.js} +3 -3
- package/dist/chunks/{sidepanel.CAVhSs-O.js.map → sidepanel.S037xghX.js.map} +1 -1
- package/dist/chunks/{startOfWeek.Cvmo-f5J.js → startOfWeek.muMEhS7U.js} +2 -2
- package/dist/chunks/{startOfWeek.Cvmo-f5J.js.map → startOfWeek.muMEhS7U.js.map} +1 -1
- package/dist/chunks/status.types.Dx8MDhEH.js.map +1 -1
- package/dist/chunks/{summary-grid.types.CDithi8M.js → summary-grid.types.D1JQ_jtv.js} +2 -2
- package/dist/chunks/{summary-grid.types.CDithi8M.js.map → summary-grid.types.D1JQ_jtv.js.map} +1 -1
- package/dist/chunks/tag.YN2r-Pp3.js.map +1 -1
- package/dist/chunks/{textarea.JGXAlpx9.js → textarea.-6FHesSp.js} +2 -2
- package/dist/chunks/textarea.-6FHesSp.js.map +1 -0
- package/dist/chunks/{timeline-item.BNFPpQz1.js → timeline-item.BJaFr2_Y.js} +5 -5
- package/dist/chunks/timeline-item.BJaFr2_Y.js.map +1 -0
- package/dist/chunks/{toggle.BQoprdX-.js → toggle.BdcgY15I.js} +3 -5
- package/dist/chunks/toggle.BdcgY15I.js.map +1 -0
- package/dist/chunks/tooltip.DHfG2aRt.js.map +1 -1
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.C1cF-adv.js → tutorial.vue_vue_type_script_setup_true_lang.D_Z1zKam.js} +2 -2
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.C1cF-adv.js.map → tutorial.vue_vue_type_script_setup_true_lang.D_Z1zKam.js.map} +1 -1
- package/dist/chunks/typography.B3J6_tYk.js.map +1 -1
- package/dist/chunks/use-cached-selected-values.DUWGSMvO.js +1740 -0
- package/dist/chunks/use-cached-selected-values.DUWGSMvO.js.map +1 -0
- package/dist/chunks/{use-date-input-formatter.BOuXpRb-.js → use-date-input-formatter.BH4hdEJW.js} +4 -4
- package/dist/chunks/{use-date-input-formatter.BOuXpRb-.js.map → use-date-input-formatter.BH4hdEJW.js.map} +1 -1
- package/dist/chunks/{zh-CN.Ce34mXsX.js → zh-CN.ZG6obniO.js} +3 -3
- package/dist/chunks/{zh-CN.Ce34mXsX.js.map → zh-CN.ZG6obniO.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/draggable.js +1 -1
- package/dist/dropdown.js +3 -3
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +42 -42
- package/dist/index.js.map +1 -1
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/input-time.js +1 -1
- package/dist/internal.js +5 -5
- package/dist/menu.js +1 -1
- package/dist/modal-fullscreen.js +1 -1
- package/dist/modal.js +2 -2
- package/dist/pagination.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/rich-text-editor.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/summary-grid.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/toggle.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +5 -5
- package/dist/chunks/alert.CFWN2E0b.js.map +0 -1
- package/dist/chunks/base-modal.BxcS7Pao.js.map +0 -1
- package/dist/chunks/button-actions.DLiM8KZL.js.map +0 -1
- package/dist/chunks/calendar.qm-kFNQv.js.map +0 -1
- package/dist/chunks/card.BEChcEqg.js.map +0 -1
- package/dist/chunks/checkbox-group.i3W8WO-7.js.map +0 -1
- package/dist/chunks/checkbox.BPrymcRl.js.map +0 -1
- package/dist/chunks/code-snippet.BG5ZmCrb.js.map +0 -1
- package/dist/chunks/constructNow.D9uRk678.js +0 -8
- package/dist/chunks/data-grid.DvMe72LK.js.map +0 -1
- package/dist/chunks/date-range-picker.c5OwESTS.js +0 -1027
- package/dist/chunks/date-range-picker.c5OwESTS.js.map +0 -1
- package/dist/chunks/dropdown-tag.wcJ6Mgqe.js.map +0 -1
- package/dist/chunks/dropdown.DHoL50gV.js.map +0 -1
- package/dist/chunks/filter-bar.Dt-cU3zy.js.map +0 -1
- package/dist/chunks/header.C21yzWrk.js.map +0 -1
- package/dist/chunks/input-field-password.DyUphhxB.js.map +0 -1
- package/dist/chunks/input-field.DkUFvIWt.js.map +0 -1
- package/dist/chunks/isSameWeek.Dj6luS8h.js +0 -14
- package/dist/chunks/textarea.JGXAlpx9.js.map +0 -1
- package/dist/chunks/timeline-item.BNFPpQz1.js.map +0 -1
- package/dist/chunks/toggle.BQoprdX-.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.Bx8uuky9.js +0 -1657
- package/dist/chunks/use-cached-selected-values.Bx8uuky9.js.map +0 -1
- package/dist/chunks/warning-filled.BzyK_mMj.js +0 -29
- package/dist/chunks/warning-filled.BzyK_mMj.js.map +0 -1
|
@@ -0,0 +1,1038 @@
|
|
|
1
|
+
import { reactive as Te, defineComponent as sa, useSlots as Oa, ref as C, computed as c, onMounted as oa, openBlock as S, createElementBlock as ye, createElementVNode as z, normalizeClass as Me, unref as u, renderSlot as Ge, createCommentVNode as F, createBlock as N, withCtx as $, createTextVNode as ne, toDisplayString as ge, createVNode as V, createSlots as Ee, toRaw as Oe, watch as he, useAttrs as _a, toRef as Se, withDirectives as qa, withKeys as Le } from "vue";
|
|
2
|
+
import { j as Ba } from "./index.DDwcHPb6.js";
|
|
3
|
+
import { B as Ca } from "./divider.BIY84UH7.js";
|
|
4
|
+
import { h as Na, B as xa } from "./button-actions.7Oi2Ra4p.js";
|
|
5
|
+
import { B as _e, d as Qe } from "./typography.B3J6_tYk.js";
|
|
6
|
+
import { B as Pa, D as Ua } from "./dropdown.CuIBYLdy.js";
|
|
7
|
+
import { g as ue } from "./generate-uid.DBWe4g6T.js";
|
|
8
|
+
import { u as qe } from "./index.B875RXHM.js";
|
|
9
|
+
import { h as de, i as B, j as T, k as Va, l as Je, m as Ga, s as je, n as La, o as Qa, q as Ja, r as We, t as ja, b as U, u as Wa, e as za, f as $a, v as _, p as ze, w as $e, g as Ha } from "./calendar.DfMwuOIR.js";
|
|
10
|
+
import { u as Be, a as Ka } from "./use-date-input-formatter.BH4hdEJW.js";
|
|
11
|
+
import { t as H, n as Xa, c as Za } from "./en-US.BR6y7foR.js";
|
|
12
|
+
import { u as et } from "./use-form-layout-loading.CWbjZiwP.js";
|
|
13
|
+
import { B as at } from "./directive.C8kY-ZW-.js";
|
|
14
|
+
import { u as tt } from "./form-field.D_2g7vaP.js";
|
|
15
|
+
import { B as nt } from "./alert.RD0qOLhx.js";
|
|
16
|
+
import { B as He } from "./input-field.FkzBZDWS.js";
|
|
17
|
+
import { B as Ke, i as Xe } from "./input-time.DlvANG4O.js";
|
|
18
|
+
import { B as rt } from "./segmented-control.CQWOO1-J.js";
|
|
19
|
+
import { d as Ze } from "./use-cached-selected-values.DUWGSMvO.js";
|
|
20
|
+
import { u as lt } from "./use-has-slot.CyMiImRQ.js";
|
|
21
|
+
import { u as st } from "./use-touch-device.DTqFAbXh.js";
|
|
22
|
+
import { e as x, a as ea } from "./differenceInMonths.yz4Dfe-b.js";
|
|
23
|
+
import { s as aa } from "./startOfWeek.muMEhS7U.js";
|
|
24
|
+
import { c as ot } from "./constructNow.DyOJDyZZ.js";
|
|
25
|
+
import { _ as ia } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
26
|
+
import { F as it } from "./field-label.DZYFjFgr.js";
|
|
27
|
+
import { E as ta } from "./error-message.Dyvrw6ZB.js";
|
|
28
|
+
import { B as ut } from "./button-actions.types.BptAXjD8.js";
|
|
29
|
+
import "../assets/date-range-picker.css";
|
|
30
|
+
function na(n, m) {
|
|
31
|
+
return H(n, m?.in).getFullYear();
|
|
32
|
+
}
|
|
33
|
+
function we(n, m) {
|
|
34
|
+
return +H(n) == +H(m);
|
|
35
|
+
}
|
|
36
|
+
function dt(n, m, v) {
|
|
37
|
+
const [o, p] = Xa(
|
|
38
|
+
v?.in,
|
|
39
|
+
n,
|
|
40
|
+
m
|
|
41
|
+
);
|
|
42
|
+
return +de(o) == +de(p);
|
|
43
|
+
}
|
|
44
|
+
function ra(n, m) {
|
|
45
|
+
const v = H(n, m?.in);
|
|
46
|
+
return v.setMilliseconds(0), v;
|
|
47
|
+
}
|
|
48
|
+
function Fe(n, m) {
|
|
49
|
+
return +ra(n) == +ra(m);
|
|
50
|
+
}
|
|
51
|
+
function ct(n, m) {
|
|
52
|
+
return B(
|
|
53
|
+
Za(n, n),
|
|
54
|
+
ot(n)
|
|
55
|
+
);
|
|
56
|
+
}
|
|
57
|
+
function mt(n, m, v) {
|
|
58
|
+
const o = H(n, v?.in);
|
|
59
|
+
return o.setHours(m), o;
|
|
60
|
+
}
|
|
61
|
+
function la(n, m, v) {
|
|
62
|
+
const o = H(n, v?.in);
|
|
63
|
+
return o.setMilliseconds(m), o;
|
|
64
|
+
}
|
|
65
|
+
function Dt(n, m, v) {
|
|
66
|
+
const o = H(n, v?.in);
|
|
67
|
+
return o.setMinutes(m), o;
|
|
68
|
+
}
|
|
69
|
+
function pt(n, m, v) {
|
|
70
|
+
const o = H(n, v?.in);
|
|
71
|
+
return o.setSeconds(m), o;
|
|
72
|
+
}
|
|
73
|
+
const vt = ({
|
|
74
|
+
firstDayOfWeek: n,
|
|
75
|
+
min: m,
|
|
76
|
+
max: v
|
|
77
|
+
}) => ({ getGranularCalendarLimits: (p) => {
|
|
78
|
+
if (!m && !v)
|
|
79
|
+
return { min: null, max: null };
|
|
80
|
+
let a = m ? T(m) : null, i = v ? x(v) : null;
|
|
81
|
+
if (p?.type === "weekly") {
|
|
82
|
+
if (p.earliest)
|
|
83
|
+
a = T(p.earliest);
|
|
84
|
+
else if (a) {
|
|
85
|
+
const f = aa(a, { weekStartsOn: n });
|
|
86
|
+
B(a, f) || (a = T(Va(Je(a, { weekStartsOn: n }), 1)));
|
|
87
|
+
}
|
|
88
|
+
if (p.latest)
|
|
89
|
+
i = x(p.latest);
|
|
90
|
+
else if (i) {
|
|
91
|
+
const f = Je(i, { weekStartsOn: n });
|
|
92
|
+
B(i, f) || (i = x(Ga(aa(i, { weekStartsOn: n }), 1)));
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
if (p?.type === "monthly") {
|
|
96
|
+
if (p.earliest)
|
|
97
|
+
a = T(p.earliest);
|
|
98
|
+
else if (a) {
|
|
99
|
+
const f = je(a);
|
|
100
|
+
B(a, f) || (a = je(La(a, 1)));
|
|
101
|
+
}
|
|
102
|
+
if (p.latest)
|
|
103
|
+
i = x(p.latest);
|
|
104
|
+
else if (i) {
|
|
105
|
+
const f = ea(i);
|
|
106
|
+
B(i, f) || (i = ea(Qa(i, 1)));
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
if (p?.type === "quarterly") {
|
|
110
|
+
if (p.earliest)
|
|
111
|
+
a = de(p.earliest);
|
|
112
|
+
else if (a) {
|
|
113
|
+
const f = de(a);
|
|
114
|
+
B(a, f) || (a = de(Ja(a, 1)));
|
|
115
|
+
}
|
|
116
|
+
if (p.latest)
|
|
117
|
+
i = x(p.latest);
|
|
118
|
+
else if (i) {
|
|
119
|
+
const f = We(i);
|
|
120
|
+
B(i, f) || (i = We(ja(i, 1)));
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
return { min: a, max: i };
|
|
124
|
+
} }), ft = () => {
|
|
125
|
+
const n = Te({
|
|
126
|
+
daily: null,
|
|
127
|
+
weekly: null,
|
|
128
|
+
monthly: null,
|
|
129
|
+
quarterly: null
|
|
130
|
+
});
|
|
131
|
+
return {
|
|
132
|
+
savedRanges: n,
|
|
133
|
+
saveRange: (o, p) => {
|
|
134
|
+
n[o] = p;
|
|
135
|
+
},
|
|
136
|
+
resetSavedRanges: () => {
|
|
137
|
+
n.daily = null, n.weekly = null, n.monthly = null, n.quarterly = null;
|
|
138
|
+
}
|
|
139
|
+
};
|
|
140
|
+
};
|
|
141
|
+
var D = /* @__PURE__ */ ((n) => (n.CUSTOM_RANGE = "custom-range", n.INPUT = "input", n.ERROR = "error", n.FORM_DATE = "form-date", n.START_DATE_SELECTED = "start-date-selected", n))(D || {});
|
|
142
|
+
const ua = {
|
|
143
|
+
"de-DE": { "DD-MM-YYYY": "TT-MM-JJJJ", "MM-DD-YYYY": "JJJJ-MM-TT", "YYYY-MM-DD": "JJJJ-MM-TT", customRange: "Benutzerdefinierter Bereich", daily: "Täglich", dateFrom: "Datum von", dateTo: "Datum bis", lastMonth: "Letzter Monat", lastSevenDays: "Letzte 7 Tage", lastThreeMonths: "Letzte drei Monate", monthly: "Monatlich", quarterly: "Vierteljährlich", timeFrom: "Zeit von", timeTo: "Zeit bis", weekly: "Wöchentlich" },
|
|
144
|
+
"en-GB": { "DD-MM-YYYY": "DD-MM-YYYY", "MM-DD-YYYY": "MM-DD-YYYY", "YYYY-MM-DD": "YYYY-MM-DD", customRange: "Custom range", daily: "Daily", dateFrom: "Date from", dateTo: "Date to", lastMonth: "Last month", lastSevenDays: "Last 7 days", lastThreeMonths: "The last three months", monthly: "Monthly", quarterly: "Quarterly", timeFrom: "Time from", timeTo: "Time to", weekly: "Weekly" },
|
|
145
|
+
"en-US": { "DD-MM-YYYY": "DD-MM-YYYY", "MM-DD-YYYY": "MM-DD-YYYY", "YYYY-MM-DD": "YYYY-MM-DD", customRange: "Custom range", daily: "Daily", dateFrom: "Date from", dateTo: "Date to", lastMonth: "Last month", lastSevenDays: "Last 7 days", lastThreeMonths: "Last three months", maxRangeDays: "You can select up to {count} day | You can select up to {count} days", maxRangeMonths: "You can select up to {count} month | You can select up to {count} months", maxRangeQuarters: "You can select up to {count} quarter | You can select up to {count} quarters", maxRangeWeeks: "You can select up to {count} week | You can select up to {count} weeks", monthly: "Monthly", quarterly: "Quarterly", timeFrom: "Time from", timeTo: "Time to", weekly: "Weekly" },
|
|
146
|
+
"es-ES": { "DD-MM-YYYY": "DD-MM-AAAA", "MM-DD-YYYY": "MM-DD-AAAA", "YYYY-MM-DD": "AAAA-MM-DD", customRange: "Rango personalizado", daily: "Diario", dateFrom: "Fecha desde", dateTo: "Fecha hasta", lastMonth: "El mes pasado", lastSevenDays: "Últimos 7 días", lastThreeMonths: "Últimos tres meses", monthly: "Mensualmente", quarterly: "Trimestral", timeFrom: "Hora desde", timeTo: "Hora hasta", weekly: "Semanal" },
|
|
147
|
+
"es-MX": { "DD-MM-YYYY": "DD-MM-AAAA", "MM-DD-YYYY": "MM-DD-AAAA", "YYYY-MM-DD": "AAAA-MM-DD", customRange: "Rango personalizado", daily: "Diario", dateFrom: "Fecha de", dateTo: "Fecha hasta", lastMonth: "El mes pasado", lastSevenDays: "Últimos 7 días", lastThreeMonths: "Últimos tres meses", monthly: "Mensual", quarterly: "Trimestral", timeFrom: "Tiempo desde", timeTo: "Es hora de", weekly: "Semanal" },
|
|
148
|
+
"fr-FR": { "DD-MM-YYYY": "JJ-MM-AAAA", "MM-DD-YYYY": "MM-JJ-AAAA", "YYYY-MM-DD": "AAAA-MM-JJ", customRange: "Plage personnalisée", daily: "Quotidien", dateFrom: "Date de début", dateTo: "Date de fin", lastMonth: "Le mois dernier", lastSevenDays: "7 derniers jours", lastThreeMonths: "Trois derniers mois", monthly: "Mensuel", quarterly: "Trimestriel", timeFrom: "Heure de début", timeTo: "Heure de fin", weekly: "Hebdomadaire" },
|
|
149
|
+
"it-IT": { "DD-MM-YYYY": "GG-MM-AAAA", "MM-DD-YYYY": "MM-GG-AAAA", "YYYY-MM-DD": "AAAA-MM-GG", customRange: "Intervallo personalizzato", daily: "Giornaliero", dateFrom: "Data da", dateTo: "Da", lastMonth: "Il mese scorso", lastSevenDays: "Ultimi 7 giorni", lastThreeMonths: "Gli ultimi tre mesi", monthly: "Mensile", quarterly: "Trimestrale", timeFrom: "Tempo dal", timeTo: "Tempo fino al", weekly: "Settimanale" },
|
|
150
|
+
"ja-JP": { "DD-MM-YYYY": "DD-MM-YYYY", "MM-DD-YYYY": "MM-DD-YYYY", "YYYY-MM-DD": "YYYY-MM-DD", customRange: "カスタム範囲", daily: "毎日", dateFrom: "開始日", dateTo: "終了日", lastMonth: "先月", lastSevenDays: "過去 7 日間", lastThreeMonths: "過去3か月", monthly: "毎月", quarterly: "四半期ごと", timeFrom: "開始時刻", timeTo: "終了時刻", weekly: "毎週" },
|
|
151
|
+
"pt-BR": { "DD-MM-YYYY": "DD-MM-AAAA", "MM-DD-YYYY": "MM-DD-AAAA", "YYYY-MM-DD": "AAAA-MM-DD", customRange: "Intervalo personalizado", daily: "Diário", dateFrom: "Data a partir de", dateTo: "Data até", lastMonth: "Último mês", lastSevenDays: "Últimos 7 dias", lastThreeMonths: "Últimos 3 meses", monthly: "Mensal", quarterly: "Trimestral", timeFrom: "Horário a partir de", timeTo: "Horário até", weekly: "Semanal" },
|
|
152
|
+
"zh-CN": { "DD-MM-YYYY": "日-月-年", "MM-DD-YYYY": "YYYY-MM-DD", "YYYY-MM-DD": "年-月-日", customRange: "自定义范围", daily: "每日", dateFrom: "日期自", dateTo: "日期至", lastMonth: "上个月", lastSevenDays: "最近 7 天", lastThreeMonths: "过去三个月", monthly: "每月", quarterly: "每季度", timeFrom: "时间自", timeTo: "是时候", weekly: "每周" }
|
|
153
|
+
}, yt = { class: "b-date-range-picker-calendar" }, Mt = { class: "b-date-range-picker-calendar__form" }, gt = { key: 0 }, ht = {
|
|
154
|
+
key: 0,
|
|
155
|
+
class: "b-date-range-picker-calendar__calendars-container",
|
|
156
|
+
"data-testid": "date-range-picker-calendar-calendar-container"
|
|
157
|
+
}, Tt = {
|
|
158
|
+
name: "date-range-picker-calendar",
|
|
159
|
+
i18n: { messages: ua }
|
|
160
|
+
}, Yt = /* @__PURE__ */ sa({
|
|
161
|
+
...Tt,
|
|
162
|
+
props: {
|
|
163
|
+
/**
|
|
164
|
+
* Allows user to enter time values in the form
|
|
165
|
+
*/
|
|
166
|
+
allowTimeInput: { type: Boolean, default: !1 },
|
|
167
|
+
/**
|
|
168
|
+
* Ranges form persistance data
|
|
169
|
+
*/
|
|
170
|
+
dateFormData: {
|
|
171
|
+
type: Object,
|
|
172
|
+
default: () => ({ startDate: void 0, endDate: void 0, startTime: void 0, endTime: void 0 })
|
|
173
|
+
},
|
|
174
|
+
/**
|
|
175
|
+
* Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
|
|
176
|
+
*/
|
|
177
|
+
firstDayOfWeek: U.props.firstDayOfWeek,
|
|
178
|
+
/**
|
|
179
|
+
* A list of available granularities.
|
|
180
|
+
* If present, the date picker will display a segmented control to change granularity.
|
|
181
|
+
*/
|
|
182
|
+
granularities: {
|
|
183
|
+
type: Array,
|
|
184
|
+
default: null
|
|
185
|
+
},
|
|
186
|
+
/**
|
|
187
|
+
* Indicate if a date should be disabled or not
|
|
188
|
+
*/
|
|
189
|
+
isDateDisabled: U.props.isDateDisabled,
|
|
190
|
+
/**
|
|
191
|
+
* Set a maximum number of dates to be selectable by the range.
|
|
192
|
+
*/
|
|
193
|
+
maxRange: U.props.maxRange,
|
|
194
|
+
/**
|
|
195
|
+
* Sets a minimum limit for selectable dates - dates before `min` will not be selectable
|
|
196
|
+
*/
|
|
197
|
+
min: U.props.min,
|
|
198
|
+
/**
|
|
199
|
+
* Sets a maximum limit for selectable dates - dates after `max` will not be selectable
|
|
200
|
+
*/
|
|
201
|
+
max: U.props.max,
|
|
202
|
+
/**
|
|
203
|
+
* Number of months rendered on pane
|
|
204
|
+
*/
|
|
205
|
+
numberOfMonths: {
|
|
206
|
+
type: U.props.numberOfMonths.type,
|
|
207
|
+
default: U.props.numberOfMonths.default,
|
|
208
|
+
validator: (n) => n >= 0
|
|
209
|
+
},
|
|
210
|
+
/**
|
|
211
|
+
* Displays the end date's month when the calendar is opened. Defaults to false i.e. the start date's month is displayed.
|
|
212
|
+
*/
|
|
213
|
+
showEndDateOnOpen: { type: Boolean, default: !1 },
|
|
214
|
+
/**
|
|
215
|
+
* Enables the custom range selector.
|
|
216
|
+
* If provided, must be an array that sets the custom range dropdown items. Items are of the structure:
|
|
217
|
+
* `label` - label of custom range item.
|
|
218
|
+
* `value` - a unique key of the custom range item.
|
|
219
|
+
* `data` - an object `{ startDate: Date; endDate: Date }` to set the date picker range to upon selecting.
|
|
220
|
+
*/
|
|
221
|
+
quickSelectRanges: {
|
|
222
|
+
type: Array,
|
|
223
|
+
default: void 0
|
|
224
|
+
},
|
|
225
|
+
/**
|
|
226
|
+
* Selected date
|
|
227
|
+
*/
|
|
228
|
+
value: { type: Object, default: void 0 },
|
|
229
|
+
/**
|
|
230
|
+
* The type of calendar to display. Defaults to showing days.
|
|
231
|
+
*/
|
|
232
|
+
variant: U.props.variant
|
|
233
|
+
},
|
|
234
|
+
emits: [
|
|
235
|
+
D.CUSTOM_RANGE,
|
|
236
|
+
D.INPUT,
|
|
237
|
+
D.ERROR,
|
|
238
|
+
D.FORM_DATE,
|
|
239
|
+
D.START_DATE_SELECTED
|
|
240
|
+
],
|
|
241
|
+
setup(n, { emit: m }) {
|
|
242
|
+
const o = "customRange", p = {
|
|
243
|
+
daily: "maxRangeDays",
|
|
244
|
+
weekly: "maxRangeWeeks",
|
|
245
|
+
monthly: "maxRangeMonths",
|
|
246
|
+
quarterly: "maxRangeQuarters"
|
|
247
|
+
}, a = n, i = m, f = Oa(), G = lt(f), { t: Y, tc: R } = qe({ messages: ua }), { isTouchDevice: k } = st(), {
|
|
248
|
+
dateFormat: re,
|
|
249
|
+
isFormatValid: b,
|
|
250
|
+
parseDate: g,
|
|
251
|
+
onKeyDown: P,
|
|
252
|
+
autoFormat: L,
|
|
253
|
+
formatDate: le
|
|
254
|
+
} = Be(), A = C({}), ae = c(() => a.variant === "month" ? "monthly" : "daily"), w = c(() => a.numberOfMonths === 0), r = Te({
|
|
255
|
+
startDate: a.value?.startDate,
|
|
256
|
+
endDate: a.value?.endDate,
|
|
257
|
+
range: a.value?.range,
|
|
258
|
+
...a.granularities ? {
|
|
259
|
+
granularity: a.value?.granularity || ae.value
|
|
260
|
+
} : {}
|
|
261
|
+
}), E = c(() => (
|
|
262
|
+
// eslint-disable-next-line consistent-return
|
|
263
|
+
a?.quickSelectRanges?.find(({ value: e, data: t }) => {
|
|
264
|
+
if (!t.endDate) {
|
|
265
|
+
if (t.isRelativeToNow) {
|
|
266
|
+
const d = A.value?.[e];
|
|
267
|
+
return d ? we(d.startDate, r.startDate) && we(d.endDate, r.endDate) : (
|
|
268
|
+
// If not stored calculated dates, fall back to comparing the quick select item's value
|
|
269
|
+
// with the internal range's stored range identifier.
|
|
270
|
+
e === r.range
|
|
271
|
+
);
|
|
272
|
+
}
|
|
273
|
+
return we(t.startDate, r.startDate) && ct(r.endDate) && (!a.allowTimeInput || Fe(r.endDate, x(r.endDate))) && (a.granularities ? t.granularity === r.granularity : !0);
|
|
274
|
+
}
|
|
275
|
+
if (a.allowTimeInput)
|
|
276
|
+
return Fe(t.startDate, r.startDate) && Fe(t.endDate, r.endDate) && (a.granularities ? t.granularity === r.granularity : !0);
|
|
277
|
+
if (t.endDate)
|
|
278
|
+
return B(t.startDate, r.startDate) && B(t.endDate, r.endDate) && (a.granularities ? t.granularity === r.granularity : !0);
|
|
279
|
+
})?.value ?? o
|
|
280
|
+
)), se = c(() => ({
|
|
281
|
+
"b-date-range-picker-calendar__form-input-wrapper": a.allowTimeInput
|
|
282
|
+
})), oe = c(() => [
|
|
283
|
+
{ label: Y("customRange"), value: o },
|
|
284
|
+
...a.quickSelectRanges ? a.quickSelectRanges : []
|
|
285
|
+
]), K = c(
|
|
286
|
+
() => a.granularities?.find(({ type: e }) => e === r.granularity) || null
|
|
287
|
+
), Ye = c(
|
|
288
|
+
() => a.granularities?.map(({ type: e, disabled: t }) => ({
|
|
289
|
+
label: Y(e),
|
|
290
|
+
value: e,
|
|
291
|
+
disabled: t
|
|
292
|
+
})) ?? []
|
|
293
|
+
), { getGranularCalendarLimits: ce } = vt(a), M = c(
|
|
294
|
+
() => a.granularities ? ce(K.value) : { min: a.min ? T(a.min) : null, max: a.max ? x(a.max) : null }
|
|
295
|
+
), {
|
|
296
|
+
adjustDateForQuarterly: h,
|
|
297
|
+
adjustDateForMonthly: be,
|
|
298
|
+
adjustDateForWeekly: X,
|
|
299
|
+
adjustStartDateInputForWeekly: Ae,
|
|
300
|
+
adjustEndDateInputForWeekly: me,
|
|
301
|
+
adjustStartDateInputForMonthly: De,
|
|
302
|
+
adjustEndDateInputForMonthly: Q,
|
|
303
|
+
adjustStartDateInputForQuarterly: te,
|
|
304
|
+
adjustEndDateInputForQuarterly: Re
|
|
305
|
+
} = Wa(a.firstDayOfWeek), { savedRanges: J, saveRange: ke, resetSavedRanges: pe } = ft(), I = (e) => e ? le(e) : "", Z = C(!1), ee = C(!1), l = Te({
|
|
306
|
+
startDate: a.dateFormData.startDate,
|
|
307
|
+
endDate: a.dateFormData.endDate,
|
|
308
|
+
startTime: a.dateFormData.startTime,
|
|
309
|
+
endTime: a.dateFormData.endTime
|
|
310
|
+
}), ve = (e, t) => {
|
|
311
|
+
let d = new Date(e);
|
|
312
|
+
const [y, W, Ea] = t.split(":");
|
|
313
|
+
return d = mt(d, parseInt(y, 10)), d = Dt(d, parseInt(W, 10)), d = pt(d, parseInt(Ea, 10)), d;
|
|
314
|
+
}, s = (e, t) => {
|
|
315
|
+
const d = () => {
|
|
316
|
+
if (t && j(t)) {
|
|
317
|
+
const y = ve(g(t), e);
|
|
318
|
+
if (a.min && y < la(a.min, 0) || a.max && y > la(a.max, 0))
|
|
319
|
+
return !1;
|
|
320
|
+
}
|
|
321
|
+
return !0;
|
|
322
|
+
};
|
|
323
|
+
return Xe(e) && d();
|
|
324
|
+
}, O = c(() => a.variant === "month"), ie = (e) => e ? O.value ? za(e) : $a(e) : "", da = c(() => ie(r.startDate)), ca = c(() => ie(r.endDate)), Ne = c(() => k.value ? O.value ? "month" : "date" : "text"), ma = c(() => k.value ? da.value : l.startDate), Da = c(() => k.value ? ca.value : l.endDate), q = (e, t) => !t || !Xe(t) || a.variant === "month" ? e : ve(new Date(e), t), pa = (e) => {
|
|
325
|
+
l.startTime = _(
|
|
326
|
+
a.min && a.allowTimeInput && B(a.min, e.startDate) ? a.min : T(e.startDate)
|
|
327
|
+
), l.endTime = _(
|
|
328
|
+
a.max && a.allowTimeInput && B(a.max, e.endDate) ? a.max : x(e.endDate)
|
|
329
|
+
), r.startDate = q(e.startDate, l.startTime), r.endDate = q(e.endDate, l.endTime), r.range = null, a.granularities && pe(), i(D.INPUT, {
|
|
330
|
+
...r,
|
|
331
|
+
range: E.value
|
|
332
|
+
});
|
|
333
|
+
}, j = (e) => {
|
|
334
|
+
if (!e)
|
|
335
|
+
return !1;
|
|
336
|
+
const t = (d) => a.min && T(d) < T(a.min) || a.max && T(d) > T(a.max) ? !1 : a.isDateDisabled ? !a.isDateDisabled(T(d)) : !0;
|
|
337
|
+
return b(e) && t(g(e));
|
|
338
|
+
};
|
|
339
|
+
oa(() => {
|
|
340
|
+
Z.value = !!(a.dateFormData.startDate && !j(a.dateFormData.startDate)), ee.value = !!(a.dateFormData.endDate && !j(a.dateFormData.endDate));
|
|
341
|
+
});
|
|
342
|
+
const va = (e) => {
|
|
343
|
+
l.startDate = I(e), l.startTime || (l.startTime = _(e)), Z.value = !1, i(D.START_DATE_SELECTED, e);
|
|
344
|
+
}, fa = (e) => {
|
|
345
|
+
l.endDate = I(e), l.endTime || (l.endTime = _(x(e))), ee.value = !1;
|
|
346
|
+
}, Ie = (e) => {
|
|
347
|
+
const t = a.value[e];
|
|
348
|
+
if (t)
|
|
349
|
+
return t;
|
|
350
|
+
if (a.dateFormData[e] && j(a.dateFormData[e]))
|
|
351
|
+
return g(a.dateFormData[e]);
|
|
352
|
+
}, xe = (e) => {
|
|
353
|
+
if (j(e)) {
|
|
354
|
+
let t = e;
|
|
355
|
+
switch (Z.value = !1, K.value?.type) {
|
|
356
|
+
case "weekly":
|
|
357
|
+
t = Ae(
|
|
358
|
+
e,
|
|
359
|
+
I,
|
|
360
|
+
M.value.min,
|
|
361
|
+
M.value.max
|
|
362
|
+
), l.startDate = t;
|
|
363
|
+
break;
|
|
364
|
+
case "monthly":
|
|
365
|
+
t = De(
|
|
366
|
+
e,
|
|
367
|
+
I,
|
|
368
|
+
M.value.min,
|
|
369
|
+
M.value.max
|
|
370
|
+
), l.startDate = t;
|
|
371
|
+
break;
|
|
372
|
+
case "quarterly":
|
|
373
|
+
t = te(
|
|
374
|
+
e,
|
|
375
|
+
I,
|
|
376
|
+
M.value.min,
|
|
377
|
+
M.value.max
|
|
378
|
+
), l.startDate = t;
|
|
379
|
+
break;
|
|
380
|
+
}
|
|
381
|
+
const d = T(g(t));
|
|
382
|
+
r.startDate = q(d, l.startTime), r.endDate = q(
|
|
383
|
+
T(g(l.endDate)),
|
|
384
|
+
l.endTime
|
|
385
|
+
), j(l.endDate) && (r.endDate = q(
|
|
386
|
+
T(g(l.endDate)),
|
|
387
|
+
l.endTime
|
|
388
|
+
));
|
|
389
|
+
const y = Ie("endDate");
|
|
390
|
+
r.range = null, i(D.FORM_DATE, {
|
|
391
|
+
startDate: d,
|
|
392
|
+
endDate: y
|
|
393
|
+
}), i(D.INPUT, {
|
|
394
|
+
...r,
|
|
395
|
+
range: E.value
|
|
396
|
+
});
|
|
397
|
+
} else
|
|
398
|
+
Z.value = !0, i(D.ERROR, { ...l });
|
|
399
|
+
}, ya = Ze(xe, 300), Ma = (e) => {
|
|
400
|
+
if (l.startDate = k.value && O.value ? e : L(e), k.value)
|
|
401
|
+
if (O.value && e) {
|
|
402
|
+
const t = ze(e);
|
|
403
|
+
r.startDate = q(t, l.startTime), r.range = null, i(D.INPUT, {
|
|
404
|
+
...r,
|
|
405
|
+
range: E.value
|
|
406
|
+
});
|
|
407
|
+
} else
|
|
408
|
+
xe(l.startDate);
|
|
409
|
+
else
|
|
410
|
+
ya(l.startDate);
|
|
411
|
+
}, Pe = (e) => {
|
|
412
|
+
if (j(e)) {
|
|
413
|
+
let t = e;
|
|
414
|
+
switch (ee.value = !1, K.value?.type) {
|
|
415
|
+
case "weekly":
|
|
416
|
+
t = me(
|
|
417
|
+
e,
|
|
418
|
+
I,
|
|
419
|
+
M.value.min,
|
|
420
|
+
M.value.max
|
|
421
|
+
), l.endDate = t;
|
|
422
|
+
break;
|
|
423
|
+
case "monthly":
|
|
424
|
+
t = Q(
|
|
425
|
+
e,
|
|
426
|
+
I,
|
|
427
|
+
M.value.min,
|
|
428
|
+
M.value.max
|
|
429
|
+
), l.endDate = t;
|
|
430
|
+
break;
|
|
431
|
+
case "quarterly":
|
|
432
|
+
t = Re(
|
|
433
|
+
e,
|
|
434
|
+
I,
|
|
435
|
+
M.value.min,
|
|
436
|
+
M.value.max
|
|
437
|
+
), l.endDate = t;
|
|
438
|
+
break;
|
|
439
|
+
}
|
|
440
|
+
const d = T(g(t));
|
|
441
|
+
r.endDate = q(d, l.endTime), j(l.startDate) && (r.startDate = q(
|
|
442
|
+
T(g(l.startDate)),
|
|
443
|
+
l.startTime
|
|
444
|
+
));
|
|
445
|
+
const y = Ie("startDate");
|
|
446
|
+
r.range = null, i(D.FORM_DATE, {
|
|
447
|
+
startDate: y,
|
|
448
|
+
endDate: d
|
|
449
|
+
}), i(D.INPUT, {
|
|
450
|
+
...r,
|
|
451
|
+
range: E.value
|
|
452
|
+
});
|
|
453
|
+
} else
|
|
454
|
+
ee.value = !0, i(D.ERROR, { ...l });
|
|
455
|
+
}, ga = Ze(Pe, 300), ha = (e) => {
|
|
456
|
+
if (l.endDate = k.value && O.value ? e : L(e), k.value)
|
|
457
|
+
if (O.value && e) {
|
|
458
|
+
const t = ze(e);
|
|
459
|
+
r.endDate = q(t, l.endTime), r.range = null, i(D.INPUT, {
|
|
460
|
+
...r,
|
|
461
|
+
range: E.value
|
|
462
|
+
});
|
|
463
|
+
} else
|
|
464
|
+
Pe(l.endDate);
|
|
465
|
+
else
|
|
466
|
+
ga(l.endDate);
|
|
467
|
+
}, Ue = (e) => {
|
|
468
|
+
P(e);
|
|
469
|
+
}, Ta = () => {
|
|
470
|
+
i(D.ERROR, { ...l });
|
|
471
|
+
}, Ya = () => {
|
|
472
|
+
const e = l.startTime;
|
|
473
|
+
if (!s(e, l.startDate)) {
|
|
474
|
+
i(D.ERROR, { ...l });
|
|
475
|
+
return;
|
|
476
|
+
}
|
|
477
|
+
r.startDate = q(r.startDate, e);
|
|
478
|
+
const t = Ie("endDate");
|
|
479
|
+
i(D.FORM_DATE, {
|
|
480
|
+
startDate: r.startDate,
|
|
481
|
+
endDate: t,
|
|
482
|
+
startTime: e,
|
|
483
|
+
endTime: l.endTime ?? a.dateFormData.endTime
|
|
484
|
+
}), i(D.INPUT, {
|
|
485
|
+
...r,
|
|
486
|
+
range: E.value
|
|
487
|
+
});
|
|
488
|
+
}, ba = () => {
|
|
489
|
+
i(D.ERROR, { ...l });
|
|
490
|
+
}, Aa = () => {
|
|
491
|
+
const e = l.endTime;
|
|
492
|
+
if (!s(e, l.endDate)) {
|
|
493
|
+
i(D.ERROR, { ...l });
|
|
494
|
+
return;
|
|
495
|
+
}
|
|
496
|
+
r.endDate = q(r.endDate, e), i(D.FORM_DATE, {
|
|
497
|
+
startDate: r.startDate,
|
|
498
|
+
endDate: r.endDate,
|
|
499
|
+
startTime: l.startTime ?? a.dateFormData.startTime,
|
|
500
|
+
endTime: e
|
|
501
|
+
}), i(D.INPUT, {
|
|
502
|
+
...r,
|
|
503
|
+
range: E.value
|
|
504
|
+
});
|
|
505
|
+
}, Ra = (e) => {
|
|
506
|
+
l.startTime = e;
|
|
507
|
+
}, ka = (e) => {
|
|
508
|
+
l.endTime = e;
|
|
509
|
+
}, fe = (e, t, d, y) => {
|
|
510
|
+
r.startDate = e, r.endDate = t, d && (r.granularity = d), y && (r.range = y);
|
|
511
|
+
}, Ia = (e) => {
|
|
512
|
+
const t = a.quickSelectRanges?.find(({ value: d }) => d === e);
|
|
513
|
+
if (t) {
|
|
514
|
+
pe();
|
|
515
|
+
const d = t.data, y = d.endDate || (d.isRelativeToNow ? new Date(Date.now()) : x(new Date(Date.now()))), W = d.isRelativeToNow && d.timeDifference ? new Date(y.getTime() - d.timeDifference) : d.startDate;
|
|
516
|
+
l.endDate = I(y), l.startDate = I(W), fe(W, y, null, e), a.granularities && (r.granularity = d.granularity || ae.value), l.startTime = _(W), l.endTime = _(y), r.startDate = W, r.endDate = y, d.isRelativeToNow && (A.value = {
|
|
517
|
+
...A.value,
|
|
518
|
+
[e]: {
|
|
519
|
+
startDate: W,
|
|
520
|
+
endDate: y
|
|
521
|
+
}
|
|
522
|
+
}), i(D.CUSTOM_RANGE, {
|
|
523
|
+
...t.data,
|
|
524
|
+
startDate: W,
|
|
525
|
+
endDate: y,
|
|
526
|
+
range: t.value
|
|
527
|
+
});
|
|
528
|
+
}
|
|
529
|
+
}, Sa = {
|
|
530
|
+
weekly: X,
|
|
531
|
+
monthly: be,
|
|
532
|
+
quarterly: h
|
|
533
|
+
}, wa = (e) => {
|
|
534
|
+
const t = r.granularity;
|
|
535
|
+
if (r.granularity = e, t && ke(t, structuredClone(Oe(r))), r.startDate && r.endDate) {
|
|
536
|
+
switch (e) {
|
|
537
|
+
case "quarterly":
|
|
538
|
+
case "monthly":
|
|
539
|
+
case "weekly": {
|
|
540
|
+
if (J[e]) {
|
|
541
|
+
fe(J[e].startDate, J[e].endDate, e);
|
|
542
|
+
break;
|
|
543
|
+
}
|
|
544
|
+
const { startDate: d, endDate: y } = Sa[e](
|
|
545
|
+
r.startDate,
|
|
546
|
+
r.endDate,
|
|
547
|
+
M.value.min,
|
|
548
|
+
M.value.max
|
|
549
|
+
);
|
|
550
|
+
fe(d, y, e);
|
|
551
|
+
break;
|
|
552
|
+
}
|
|
553
|
+
case "daily":
|
|
554
|
+
J.daily && fe(J.daily.startDate, J.daily.endDate, e);
|
|
555
|
+
break;
|
|
556
|
+
}
|
|
557
|
+
l.startDate = I(r.startDate), l.endDate = I(r.endDate), i(D.INPUT, {
|
|
558
|
+
...r,
|
|
559
|
+
range: E.value
|
|
560
|
+
});
|
|
561
|
+
}
|
|
562
|
+
}, Fa = c(() => ({
|
|
563
|
+
"b-date-range-picker-calendar__form-container--no-calendars": w.value
|
|
564
|
+
})), Ve = c(() => {
|
|
565
|
+
const e = K.value, t = e?.maxRange || a.maxRange;
|
|
566
|
+
if (!t)
|
|
567
|
+
return null;
|
|
568
|
+
const d = p[e?.type ?? "daily"];
|
|
569
|
+
return R(d, t, { count: t });
|
|
570
|
+
});
|
|
571
|
+
return (e, t) => (S(), ye("div", yt, [
|
|
572
|
+
z("div", {
|
|
573
|
+
class: Me(["b-date-range-picker-calendar__form-container", Fa.value]),
|
|
574
|
+
"data-testid": "date-range-picker-calendar-form-container"
|
|
575
|
+
}, [
|
|
576
|
+
z("div", Mt, [
|
|
577
|
+
u(G)("title") ? Ge(e.$slots, "title", { key: 0 }, void 0, !0) : F("", !0),
|
|
578
|
+
n.quickSelectRanges ? (S(), N(Pa, {
|
|
579
|
+
key: 1,
|
|
580
|
+
"aria-label": u(Y)("customRange"),
|
|
581
|
+
items: oe.value,
|
|
582
|
+
"model-value": E.value,
|
|
583
|
+
"onUpdate:modelValue": Ia
|
|
584
|
+
}, null, 8, ["aria-label", "items", "model-value"])) : F("", !0),
|
|
585
|
+
n.granularities ? (S(), N(u(rt), {
|
|
586
|
+
key: 2,
|
|
587
|
+
items: Ye.value,
|
|
588
|
+
"model-value": r.granularity,
|
|
589
|
+
"full-width": "",
|
|
590
|
+
"onUpdate:modelValue": wa
|
|
591
|
+
}, null, 8, ["items", "model-value"])) : F("", !0),
|
|
592
|
+
Ve.value ? (S(), N(u(nt), {
|
|
593
|
+
key: 3,
|
|
594
|
+
variant: "tip"
|
|
595
|
+
}, {
|
|
596
|
+
description: $(() => [
|
|
597
|
+
ne(ge(Ve.value), 1)
|
|
598
|
+
]),
|
|
599
|
+
_: 1
|
|
600
|
+
})) : F("", !0),
|
|
601
|
+
z("div", null, [
|
|
602
|
+
V(u(_e), {
|
|
603
|
+
stronger: "",
|
|
604
|
+
el: "span",
|
|
605
|
+
class: "b-date-range-picker-calendar__label"
|
|
606
|
+
}, {
|
|
607
|
+
default: $(() => t[0] || (t[0] = [
|
|
608
|
+
ne(" From ")
|
|
609
|
+
])),
|
|
610
|
+
_: 1
|
|
611
|
+
}),
|
|
612
|
+
z("div", {
|
|
613
|
+
class: Me(se.value)
|
|
614
|
+
}, [
|
|
615
|
+
V(u(He), {
|
|
616
|
+
"aria-label": u(Y)("dateFrom"),
|
|
617
|
+
"model-value": ma.value,
|
|
618
|
+
error: Z.value,
|
|
619
|
+
class: "b-date-range-picker-calendar__form-input",
|
|
620
|
+
type: Ne.value,
|
|
621
|
+
"onUpdate:modelValue": Ma,
|
|
622
|
+
onKeydown: Ue
|
|
623
|
+
}, Ee({ _: 2 }, [
|
|
624
|
+
u(k) ? void 0 : {
|
|
625
|
+
name: "description",
|
|
626
|
+
fn: $(() => [
|
|
627
|
+
ne(ge(u(Y)(u(re))), 1)
|
|
628
|
+
]),
|
|
629
|
+
key: "0"
|
|
630
|
+
}
|
|
631
|
+
]), 1032, ["aria-label", "model-value", "error", "type"]),
|
|
632
|
+
n.allowTimeInput ? (S(), N(u(Ke), {
|
|
633
|
+
key: 0,
|
|
634
|
+
"aria-label": u(Y)("timeFrom"),
|
|
635
|
+
"model-value": l.startTime,
|
|
636
|
+
class: "b-date-range-picker-calendar__form-input",
|
|
637
|
+
"onUpdate:modelValue": Ra,
|
|
638
|
+
"onInput:error": Ta,
|
|
639
|
+
"onInput:valid": Ya
|
|
640
|
+
}, null, 8, ["aria-label", "model-value"])) : F("", !0)
|
|
641
|
+
], 2)
|
|
642
|
+
]),
|
|
643
|
+
z("div", null, [
|
|
644
|
+
V(u(_e), {
|
|
645
|
+
stronger: "",
|
|
646
|
+
el: "span",
|
|
647
|
+
class: "b-date-range-picker-calendar__label"
|
|
648
|
+
}, {
|
|
649
|
+
default: $(() => t[1] || (t[1] = [
|
|
650
|
+
ne(" To ")
|
|
651
|
+
])),
|
|
652
|
+
_: 1
|
|
653
|
+
}),
|
|
654
|
+
z("div", {
|
|
655
|
+
class: Me(se.value)
|
|
656
|
+
}, [
|
|
657
|
+
V(u(He), {
|
|
658
|
+
class: "b-date-range-picker-calendar__form-input",
|
|
659
|
+
"aria-label": u(Y)("dateTo"),
|
|
660
|
+
"model-value": Da.value,
|
|
661
|
+
error: ee.value,
|
|
662
|
+
type: Ne.value,
|
|
663
|
+
"onUpdate:modelValue": ha,
|
|
664
|
+
onKeydown: Ue
|
|
665
|
+
}, Ee({ _: 2 }, [
|
|
666
|
+
u(k) ? void 0 : {
|
|
667
|
+
name: "description",
|
|
668
|
+
fn: $(() => [
|
|
669
|
+
ne(ge(u(Y)(u(re))), 1)
|
|
670
|
+
]),
|
|
671
|
+
key: "0"
|
|
672
|
+
}
|
|
673
|
+
]), 1032, ["aria-label", "model-value", "error", "type"]),
|
|
674
|
+
n.allowTimeInput ? (S(), N(u(Ke), {
|
|
675
|
+
key: 0,
|
|
676
|
+
"aria-label": u(Y)("timeTo"),
|
|
677
|
+
"model-value": l.endTime,
|
|
678
|
+
class: "b-date-range-picker-calendar__form-input",
|
|
679
|
+
"onUpdate:modelValue": ka,
|
|
680
|
+
"onInput:error": ba,
|
|
681
|
+
"onInput:valid": Aa
|
|
682
|
+
}, null, 8, ["aria-label", "model-value"])) : F("", !0)
|
|
683
|
+
], 2)
|
|
684
|
+
])
|
|
685
|
+
]),
|
|
686
|
+
u(G)("actions") ? (S(), ye("div", gt, [
|
|
687
|
+
Ge(e.$slots, "actions", {}, void 0, !0)
|
|
688
|
+
])) : F("", !0)
|
|
689
|
+
], 2),
|
|
690
|
+
!w.value && !u(k) ? (S(), ye("div", ht, [
|
|
691
|
+
V(u(U), {
|
|
692
|
+
value: r,
|
|
693
|
+
"first-day-of-week": n.firstDayOfWeek,
|
|
694
|
+
"is-date-disabled": n.isDateDisabled,
|
|
695
|
+
"max-range": n.maxRange,
|
|
696
|
+
min: M.value.min,
|
|
697
|
+
max: M.value.max,
|
|
698
|
+
"number-of-months": n.numberOfMonths,
|
|
699
|
+
"show-end-date-on-open": n.showEndDateOnOpen,
|
|
700
|
+
granularity: K.value,
|
|
701
|
+
variant: n.variant,
|
|
702
|
+
"is-range": "",
|
|
703
|
+
onInput: pa,
|
|
704
|
+
onStartDateSelected: va,
|
|
705
|
+
onEndDateSelected: fa
|
|
706
|
+
}, null, 8, ["value", "first-day-of-week", "is-date-disabled", "max-range", "min", "max", "number-of-months", "show-end-date-on-open", "granularity", "variant"])
|
|
707
|
+
])) : F("", !0)
|
|
708
|
+
]));
|
|
709
|
+
}
|
|
710
|
+
}), bt = /* @__PURE__ */ ia(Yt, [["__scopeId", "data-v-91390acb"]]), Ce = {
|
|
711
|
+
"de-DE": { apply: "Anwenden", cancel: "Abbrechen", dateRangePicker: "Datumsbereichauswahl {name}", provideDateInAFormat: "Geben Sie das Datum im Format YYYY-MM-DD an", quarter: "Q{quarter} {year}", selectDate: "Wählen Sie ein Datum", selectDateRange: "Wählen Sie einen Datumsbereich aus", selectedDateIsNotAvailable: "Ausgewähltes Datum ist nicht verfügbar" },
|
|
712
|
+
"en-GB": { apply: "Apply", cancel: "Cancel", dateRangePicker: "Date range picker {name}", provideDateInAFormat: "Enter date in YYYY-MM-DD format", quarter: "Q{quarter} {year}", selectDate: "Select a date", selectDateRange: "Select a date range", selectedDateIsNotAvailable: "Selected date is not available" },
|
|
713
|
+
"en-US": { apply: "Apply", cancel: "Cancel", dateRangePicker: "Date range picker {name}", provideDateInAFormat: "Provide date in a YYYY-MM-DD format", quarter: "Q{quarter} {year}", selectDate: "Select a date", selectDateRange: "Select a date range", selectedDateIsNotAvailable: "Selected date is not available" },
|
|
714
|
+
"es-ES": { apply: "Aplicar", cancel: "Cancelar", dateRangePicker: "Selector de intervalos de fechas {name}", provideDateInAFormat: "Proporciona la fecha en formato AAAAA-MM-DD", quarter: "T{quarter} {year}", selectDate: "Selecciona una fecha", selectDateRange: "Selecciona un rango de fechas", selectedDateIsNotAvailable: "La fecha seleccionada no está disponible" },
|
|
715
|
+
"es-MX": { apply: "Aplicar", cancel: "Cancelar", dateRangePicker: "Selector de intervalos de fechas {name}", provideDateInAFormat: "Proporciona la fecha en formato AAAA-MM-DD", quarter: "T{quarter} {year}", selectDate: "Selecciona una fecha", selectDateRange: "Selecciona un rango de fechas", selectedDateIsNotAvailable: "La fecha seleccionada no está disponible" },
|
|
716
|
+
"fr-FR": { apply: "Appliquer", cancel: "Annuler", dateRangePicker: "Sélecteur de plages de dates {name}", provideDateInAFormat: "Fournissez la date au format AAAA-MM-JJ", quarter: "T{quarter} {year}", selectDate: "Sélectionnez une date", selectDateRange: "Sélectionnez une plage de dates", selectedDateIsNotAvailable: "La date sélectionnée n’est pas disponible" },
|
|
717
|
+
"it-IT": { apply: "Applica", cancel: "Annulla", dateRangePicker: "Selettore intervallo di date {name}", provideDateInAFormat: "Inserisci la data nel formato AAAA-MM-GG", quarter: "Q{quarter} {year}", selectDate: "Seleziona una data", selectDateRange: "Seleziona un intervallo di date", selectedDateIsNotAvailable: "La data selezionata non è disponibile" },
|
|
718
|
+
"ja-JP": { apply: "適用", cancel: "キャンセル", dateRangePicker: "日付範囲ピッカー {name}", provideDateInAFormat: "YYYY-MM-DD形式で日付を入力してください", quarter: "{year}年第{quarter}四半期", selectDate: "日付を選択", selectDateRange: "日付範囲を選択", selectedDateIsNotAvailable: "選択した日付は利用できません" },
|
|
719
|
+
"pt-BR": { apply: "Aplicar", cancel: "Cancelar", dateRangePicker: "Seletor de intervalo de datas {name}", provideDateInAFormat: "Inclua a data no formato AAAA-MM-DD", quarter: "{quarter}º trimestre de {year}", selectDate: "Selecione uma data", selectDateRange: "Selecione um intervalo de datas", selectedDateIsNotAvailable: "A data selecionada não está disponível" },
|
|
720
|
+
"zh-CN": { apply: "应用", cancel: "取消", dateRangePicker: "日期范围选择器 {name}", provideDateInAFormat: "提供 YYYY-MM-DD 格式的日期", quarter: "{year} {quarter} 季度", selectDate: "选择日期", selectDateRange: "选择日期范围", selectedDateIsNotAvailable: "所选日期不可用" }
|
|
721
|
+
}, At = ({
|
|
722
|
+
datePickerValue: n,
|
|
723
|
+
isDateIncorrect: m,
|
|
724
|
+
quickSelectRanges: v,
|
|
725
|
+
isMonthVariant: o,
|
|
726
|
+
withTimeInput: p,
|
|
727
|
+
placeholder: a
|
|
728
|
+
}) => {
|
|
729
|
+
const { locale: i, t: f } = qe({ messages: Ce }), { dateToInputDateString: G } = Be(), Y = (b) => !!b && !isNaN(b.getTime()), R = Te({
|
|
730
|
+
startDate: null,
|
|
731
|
+
endDate: null,
|
|
732
|
+
startTime: null,
|
|
733
|
+
endTime: null
|
|
734
|
+
});
|
|
735
|
+
return he(
|
|
736
|
+
n,
|
|
737
|
+
(b) => {
|
|
738
|
+
R.startDate = G(b?.startDate), R.endDate = G(b?.endDate), R.startTime = _(b?.startDate), R.endTime = _(b?.endDate);
|
|
739
|
+
},
|
|
740
|
+
{ immediate: !0 }
|
|
741
|
+
), {
|
|
742
|
+
// Values
|
|
743
|
+
dateDisplayValue: c(() => {
|
|
744
|
+
if (m.value)
|
|
745
|
+
return `${R.startDate || ""} - ${R.endDate || ""}`;
|
|
746
|
+
if (!n.value || !n.value.startDate && !n.value.endDate)
|
|
747
|
+
return a?.value || f("selectDateRange");
|
|
748
|
+
if (v.value?.length) {
|
|
749
|
+
const g = v.value.find(({ value: P }) => P === n.value?.range);
|
|
750
|
+
if (g)
|
|
751
|
+
return g.label;
|
|
752
|
+
}
|
|
753
|
+
if (n.value.granularity === "quarterly") {
|
|
754
|
+
const { startDate: g, endDate: P } = n.value, L = f("quarter", { quarter: $e(g), year: na(g) });
|
|
755
|
+
if (dt(g, P))
|
|
756
|
+
return L;
|
|
757
|
+
const le = f("quarter", { quarter: $e(P), year: na(P) });
|
|
758
|
+
return `${L} - ${le}`;
|
|
759
|
+
}
|
|
760
|
+
if (!Y(n.value.startDate) || !Y(n.value.endDate))
|
|
761
|
+
return `${R.startDate || ""} - ${R.endDate || ""}`;
|
|
762
|
+
let b = o?.value ? { month: "long", year: "numeric" } : { month: "short", day: "2-digit", year: "numeric" };
|
|
763
|
+
return p.value && (b = {
|
|
764
|
+
...b,
|
|
765
|
+
hour: "numeric",
|
|
766
|
+
minute: "numeric",
|
|
767
|
+
second: "numeric",
|
|
768
|
+
hour12: !1
|
|
769
|
+
}), Ha(i.value, b).formatRange(
|
|
770
|
+
n.value.startDate,
|
|
771
|
+
n.value.endDate
|
|
772
|
+
);
|
|
773
|
+
}),
|
|
774
|
+
textInputDisplayValue: R,
|
|
775
|
+
// Methods
|
|
776
|
+
formatTextInputDisplayValue: () => ""
|
|
777
|
+
};
|
|
778
|
+
}, Rt = { class: "b-date-range-picker" }, kt = { class: "b-date-range-picker__footer" }, It = {
|
|
779
|
+
i18n: { messages: Ce },
|
|
780
|
+
name: "bento-date-range-picker",
|
|
781
|
+
model: { prop: "modelValue" }
|
|
782
|
+
}, St = /* @__PURE__ */ sa({
|
|
783
|
+
...It,
|
|
784
|
+
props: {
|
|
785
|
+
allowTimeInput: { type: Boolean },
|
|
786
|
+
firstDayOfWeek: { default: void 0 },
|
|
787
|
+
granularities: {},
|
|
788
|
+
isDateDisabled: { type: Function, default: void 0 },
|
|
789
|
+
showEndDateOnOpen: { type: Boolean, default: !1 },
|
|
790
|
+
quickSelectRanges: { default: void 0 },
|
|
791
|
+
maxRange: { default: null },
|
|
792
|
+
min: { default: null },
|
|
793
|
+
max: { default: null },
|
|
794
|
+
numberOfMonths: { default: void 0 },
|
|
795
|
+
modelValue: { default: null },
|
|
796
|
+
value: { default: null },
|
|
797
|
+
variant: { default: void 0 },
|
|
798
|
+
hasActions: { type: Boolean, default: !1 },
|
|
799
|
+
description: { default: void 0 },
|
|
800
|
+
disabled: { type: Boolean, default: !1 },
|
|
801
|
+
errorMessage: { default: null },
|
|
802
|
+
label: { default: void 0 },
|
|
803
|
+
optional: { type: Boolean, default: !1 },
|
|
804
|
+
placeholder: { default: null },
|
|
805
|
+
readonly: { type: Boolean, default: !1 },
|
|
806
|
+
required: { type: Boolean, default: !1 },
|
|
807
|
+
tooltipText: { default: null }
|
|
808
|
+
},
|
|
809
|
+
emits: ["update:model-value", "input"],
|
|
810
|
+
setup(n, { emit: m }) {
|
|
811
|
+
const v = m, o = n, p = _a(), { t: a } = qe({ messages: Ce }), { dateToInputDateString: i } = Be(), f = ue("bento-date-range-picker-container"), G = ue("bento-date-range-picker-label"), Y = ue("bento-date-range-picker-description"), R = ue("bento-date-range-picker-error"), k = ue("bento-date-range-picker-date-error"), re = c(() => o.label || a("dateRangePicker", { name: f })), { resolvedFirstDayOfWeek: b } = Ka(Se(o, "firstDayOfWeek")), g = Ba({
|
|
812
|
+
none: 0,
|
|
813
|
+
one: 710,
|
|
814
|
+
// width of date range picker with one panes
|
|
815
|
+
two: 1030,
|
|
816
|
+
// width of date range picker with two panes
|
|
817
|
+
three: 1290
|
|
818
|
+
// width of date range picker with three panes
|
|
819
|
+
}), P = c(() => {
|
|
820
|
+
const s = g.active().value, O = {
|
|
821
|
+
none: 0,
|
|
822
|
+
one: 1,
|
|
823
|
+
two: 2
|
|
824
|
+
};
|
|
825
|
+
if (s in O) {
|
|
826
|
+
const ie = O[s];
|
|
827
|
+
return o.numberOfMonths === void 0 ? ie : Math.min(o.numberOfMonths, ie);
|
|
828
|
+
}
|
|
829
|
+
return o.numberOfMonths;
|
|
830
|
+
}), L = c(() => o?.quickSelectRanges && o.quickSelectRanges.map((s) => {
|
|
831
|
+
const O = s.data.endDate ? void 0 : new Date(Date.now()).getTime() - s.data.startDate.getTime();
|
|
832
|
+
return {
|
|
833
|
+
...s,
|
|
834
|
+
data: {
|
|
835
|
+
...s.data,
|
|
836
|
+
// Adding timeDifference to calculate an up-to-date endDate on range selection
|
|
837
|
+
timeDifference: O
|
|
838
|
+
}
|
|
839
|
+
};
|
|
840
|
+
})), le = c(() => o.label ? G : p?.["aria-labelledby"] ?? null), A = C(!1), ae = C(null), w = C(!1), { isReadOnly: r } = et(Se(o, "readonly")), { emitValue: E } = tt(v);
|
|
841
|
+
he(
|
|
842
|
+
() => o.disabled,
|
|
843
|
+
() => {
|
|
844
|
+
o.disabled && w.value && (w.value = !1);
|
|
845
|
+
}
|
|
846
|
+
);
|
|
847
|
+
const se = c(() => o.modelValue || o.value), oe = c(() => o.hasActions ? !te.value && A.value : A.value), K = c(() => ({
|
|
848
|
+
"b-date-range-picker__description--error": !!o.errorMessage || oe.value
|
|
849
|
+
})), Ye = c(() => o.variant === "month"), ce = c(() => o.allowTimeInput && o.variant !== "month"), { dateDisplayValue: M, textInputDisplayValue: h } = At({
|
|
850
|
+
datePickerValue: se,
|
|
851
|
+
isDateIncorrect: A,
|
|
852
|
+
quickSelectRanges: L,
|
|
853
|
+
isMonthVariant: Ye,
|
|
854
|
+
withTimeInput: ce,
|
|
855
|
+
placeholder: Se(o, "placeholder")
|
|
856
|
+
}), be = c(
|
|
857
|
+
() => `${o.description ? Y : ""} ${o.errorMessage ? R : ""} ${A.value ? k : ""}`.trim() || null
|
|
858
|
+
), X = () => {
|
|
859
|
+
w.value = !1;
|
|
860
|
+
}, Ae = () => {
|
|
861
|
+
w.value = !0;
|
|
862
|
+
}, me = C(M.value), De = C(
|
|
863
|
+
// textInputDisplayValue is a reactive object
|
|
864
|
+
structuredClone(Oe(h))
|
|
865
|
+
), Q = C(o.modelValue ?? o.value), te = C(!0), Re = c(
|
|
866
|
+
() => o.hasActions ? De.value : h
|
|
867
|
+
), J = c(
|
|
868
|
+
() => o.hasActions ? me.value : M.value
|
|
869
|
+
);
|
|
870
|
+
oa(() => {
|
|
871
|
+
if (o.hasActions || Qe(
|
|
872
|
+
'BentoDateRangePicker "hasActions" property',
|
|
873
|
+
`Set the BentoDateRangePicker "hasActions" property true which will display the "Apply" and "Cancel" buttons.
|
|
874
|
+
This will be the default behavior in the v2 and "hasActions" will be removed.`,
|
|
875
|
+
"2.0.0"
|
|
876
|
+
), o.value && Qe(
|
|
877
|
+
'BentoDateRangePicker "value" property',
|
|
878
|
+
'The use of "value" prop in "BentoDateRangePicker" is no longer supported. Use the "v-model" or "model-value" property instead.',
|
|
879
|
+
"2.0.0"
|
|
880
|
+
), o.granularities && o.variant !== "month" && o.granularities.find(({ type: s }) => s === "quarterly"))
|
|
881
|
+
throw new Error('Quarterly granularity is only supported by BentoDateRangePicker with variant: "month"');
|
|
882
|
+
}), he([() => o.value, () => o.modelValue], () => {
|
|
883
|
+
me.value = M.value, De.value = structuredClone(Oe(h));
|
|
884
|
+
});
|
|
885
|
+
const ke = c(() => [
|
|
886
|
+
{
|
|
887
|
+
title: a("apply"),
|
|
888
|
+
event: () => {
|
|
889
|
+
E(Q.value), X(), te.value = !0;
|
|
890
|
+
},
|
|
891
|
+
disabled: te.value
|
|
892
|
+
},
|
|
893
|
+
{
|
|
894
|
+
title: a("cancel"),
|
|
895
|
+
event: X
|
|
896
|
+
}
|
|
897
|
+
]);
|
|
898
|
+
he(Q, (s) => {
|
|
899
|
+
if (o.hasActions) {
|
|
900
|
+
te.value = A.value;
|
|
901
|
+
return;
|
|
902
|
+
}
|
|
903
|
+
E(s);
|
|
904
|
+
});
|
|
905
|
+
const pe = (s) => {
|
|
906
|
+
A.value = !1, h.startDate = i(s.startDate), h.endDate = i(s.endDate), h.startTime = _(s.startDate), h.endTime = _(s.endDate), Q.value = s;
|
|
907
|
+
}, I = async () => {
|
|
908
|
+
A.value && (A.value = !1), Q.value = null;
|
|
909
|
+
}, Z = () => {
|
|
910
|
+
if (!w.value) {
|
|
911
|
+
w.value = !0;
|
|
912
|
+
return;
|
|
913
|
+
}
|
|
914
|
+
A.value || (w.value = !1);
|
|
915
|
+
}, ee = (s) => {
|
|
916
|
+
A.value = !1, s.startTime && (h.startTime = s.startTime), s.endTime && (h.endTime = s.endTime);
|
|
917
|
+
}, l = (s) => {
|
|
918
|
+
A.value = !0, h.startDate = s.startDate, h.endDate = s.endDate, Q.value = { startDate: null, endDate: null };
|
|
919
|
+
}, ve = (s) => {
|
|
920
|
+
s && (h.startDate = i(s.startDate), h.endDate = i(s.endDate), h.startTime = _(s.startDate), h.endTime = _(s.endDate), Q.value = s);
|
|
921
|
+
};
|
|
922
|
+
return (s, O) => qa((S(), ye("div", Rt, [
|
|
923
|
+
s.label ? (S(), N(u(it), {
|
|
924
|
+
key: 0,
|
|
925
|
+
id: u(G),
|
|
926
|
+
label: s.label,
|
|
927
|
+
"tooltip-text": s.tooltipText,
|
|
928
|
+
optional: s.optional,
|
|
929
|
+
required: s.required
|
|
930
|
+
}, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : F("", !0),
|
|
931
|
+
z("div", {
|
|
932
|
+
onKeydown: Le(Z, ["enter"])
|
|
933
|
+
}, [
|
|
934
|
+
V(u(Ua), {
|
|
935
|
+
ref_key: "inputContainerRef",
|
|
936
|
+
ref: ae,
|
|
937
|
+
"always-combobox-is-input": "",
|
|
938
|
+
ariaControls: u(f),
|
|
939
|
+
ariaExpanded: w.value,
|
|
940
|
+
"aria-labelledby": le.value,
|
|
941
|
+
"aria-describedby": be.value,
|
|
942
|
+
"aria-required": s.required,
|
|
943
|
+
disabled: s.disabled,
|
|
944
|
+
"is-invalid": !!s.errorMessage || oe.value,
|
|
945
|
+
open: w.value,
|
|
946
|
+
"display-value": J.value,
|
|
947
|
+
readonly: u(r),
|
|
948
|
+
onOpen: Ae,
|
|
949
|
+
onClear: I,
|
|
950
|
+
onClose: X
|
|
951
|
+
}, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "aria-required", "disabled", "is-invalid", "open", "display-value", "readonly"])
|
|
952
|
+
], 32),
|
|
953
|
+
oe.value ? (S(), N(u(ta), {
|
|
954
|
+
key: 1,
|
|
955
|
+
id: u(k),
|
|
956
|
+
"error-message": u(a)("provideDateInAFormat"),
|
|
957
|
+
class: "b-date-range-picker__error-message"
|
|
958
|
+
}, null, 8, ["id", "error-message"])) : F("", !0),
|
|
959
|
+
s.errorMessage ? (S(), N(u(ta), {
|
|
960
|
+
key: 2,
|
|
961
|
+
id: u(R),
|
|
962
|
+
"error-message": s.errorMessage,
|
|
963
|
+
class: "b-date-range-picker__error-message"
|
|
964
|
+
}, null, 8, ["id", "error-message"])) : F("", !0),
|
|
965
|
+
s.description ? (S(), N(u(_e), {
|
|
966
|
+
key: 3,
|
|
967
|
+
id: u(Y),
|
|
968
|
+
class: Me(["b-date-range-picker__description", K.value]),
|
|
969
|
+
el: "span"
|
|
970
|
+
}, {
|
|
971
|
+
default: $(() => [
|
|
972
|
+
ne(ge(s.description), 1)
|
|
973
|
+
]),
|
|
974
|
+
_: 1
|
|
975
|
+
}, 8, ["id", "class"])) : F("", !0),
|
|
976
|
+
ae.value ? (S(), N(u(Na), {
|
|
977
|
+
key: 4,
|
|
978
|
+
id: u(f),
|
|
979
|
+
class: "b-date-range-picker__container",
|
|
980
|
+
open: w.value,
|
|
981
|
+
"target-element": ae.value,
|
|
982
|
+
"aria-label": re.value,
|
|
983
|
+
position: "bottom-start",
|
|
984
|
+
"without-space": "",
|
|
985
|
+
"fit-content": "",
|
|
986
|
+
"trap-all": "",
|
|
987
|
+
"overflow-visible": "",
|
|
988
|
+
onKeydown: Le(X, ["esc", "native"])
|
|
989
|
+
}, {
|
|
990
|
+
default: $(() => [
|
|
991
|
+
V(u(bt), {
|
|
992
|
+
"allow-time-input": ce.value,
|
|
993
|
+
"quick-select-ranges": L.value,
|
|
994
|
+
value: se.value,
|
|
995
|
+
"first-day-of-week": u(b),
|
|
996
|
+
granularities: s.granularities,
|
|
997
|
+
"is-date-disabled": s.isDateDisabled,
|
|
998
|
+
"max-range": s.maxRange,
|
|
999
|
+
min: s.min,
|
|
1000
|
+
max: s.max,
|
|
1001
|
+
"number-of-months": P.value,
|
|
1002
|
+
"show-end-date-on-open": s.showEndDateOnOpen,
|
|
1003
|
+
"date-form-data": Re.value,
|
|
1004
|
+
variant: s.variant,
|
|
1005
|
+
onCustomRange: ve,
|
|
1006
|
+
onInput: pe,
|
|
1007
|
+
onError: l,
|
|
1008
|
+
onFormDate: ee
|
|
1009
|
+
}, Ee({ _: 2 }, [
|
|
1010
|
+
s.hasActions ? {
|
|
1011
|
+
name: "actions",
|
|
1012
|
+
fn: $(() => [
|
|
1013
|
+
V(u(Ca)),
|
|
1014
|
+
z("div", kt, [
|
|
1015
|
+
V(u(xa), {
|
|
1016
|
+
actions: ke.value,
|
|
1017
|
+
layout: u(ut).SPACE_BETWEEN
|
|
1018
|
+
}, null, 8, ["actions", "layout"])
|
|
1019
|
+
])
|
|
1020
|
+
]),
|
|
1021
|
+
key: "0"
|
|
1022
|
+
} : void 0
|
|
1023
|
+
]), 1032, ["allow-time-input", "quick-select-ranges", "value", "first-day-of-week", "granularities", "is-date-disabled", "max-range", "min", "max", "number-of-months", "show-end-date-on-open", "date-form-data", "variant"])
|
|
1024
|
+
]),
|
|
1025
|
+
_: 1
|
|
1026
|
+
}, 8, ["id", "open", "target-element", "aria-label"])) : F("", !0)
|
|
1027
|
+
])), [
|
|
1028
|
+
[u(at), X]
|
|
1029
|
+
]);
|
|
1030
|
+
}
|
|
1031
|
+
}), nn = /* @__PURE__ */ ia(St, [["__scopeId", "data-v-e00826fe"]]);
|
|
1032
|
+
export {
|
|
1033
|
+
nn as B,
|
|
1034
|
+
bt as D,
|
|
1035
|
+
ct as a,
|
|
1036
|
+
we as i
|
|
1037
|
+
};
|
|
1038
|
+
//# sourceMappingURL=date-range-picker.BXzTT4AF.js.map
|