@siemens/ix 1.1.0-beta.5 → 1.1.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/cjs/{base-button-eb1d47db.js → base-button-6ef79cb6.js} +3 -3
- package/dist/cjs/{index-1e4a348f.js → index-40761405.js} +467 -275
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/ix-animated-tab_2.cjs.entry.js +7 -12
- package/dist/cjs/ix-application-header.cjs.entry.js +2 -1
- package/dist/cjs/ix-basic-navigation.cjs.entry.js +2 -4
- package/dist/cjs/ix-blind.cjs.entry.js +2 -9
- package/dist/cjs/ix-breadcrumb_2.cjs.entry.js +6 -11
- package/dist/cjs/ix-button.cjs.entry.js +2 -25
- package/dist/cjs/ix-category-filter.cjs.entry.js +16 -27
- package/dist/cjs/ix-chip.cjs.entry.js +4 -13
- package/dist/cjs/ix-counter-pill.cjs.entry.js +3 -10
- package/dist/cjs/ix-date-picker_2.cjs.entry.js +23 -91
- package/dist/cjs/ix-date-time-card.cjs.entry.js +1 -7
- package/dist/cjs/ix-datetime-picker.cjs.entry.js +9 -53
- package/dist/cjs/ix-drawer.cjs.entry.js +2 -20
- package/dist/cjs/ix-dropdown_2.cjs.entry.js +7 -30
- package/dist/cjs/ix-event-list_2.cjs.entry.js +6 -19
- package/dist/cjs/ix-expanding-search.cjs.entry.js +1 -10
- package/dist/cjs/ix-filter-chip.cjs.entry.js +1 -4
- package/dist/cjs/ix-flip-tile_2.cjs.entry.js +4 -1
- package/dist/cjs/ix-group_3.cjs.entry.js +9 -26
- package/dist/cjs/ix-icon-button.cjs.entry.js +8 -17
- package/dist/cjs/ix-icon.cjs.entry.js +4 -1
- package/dist/cjs/ix-input-group.cjs.entry.js +1 -1
- package/dist/cjs/ix-kpi.cjs.entry.js +4 -7
- package/dist/cjs/ix-map-navigation_2.cjs.entry.js +44 -9
- package/dist/cjs/ix-menu_9.cjs.entry.js +26 -82
- package/dist/cjs/ix-message-bar.cjs.entry.js +3 -7
- package/dist/cjs/ix-modal-example.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-pill.cjs.entry.js +4 -10
- package/dist/cjs/ix-select_2.cjs.entry.js +8 -34
- package/dist/cjs/ix-spinner.cjs.entry.js +1 -7
- package/dist/cjs/ix-split-button_2.cjs.entry.js +5 -28
- package/dist/cjs/ix-tab-item.cjs.entry.js +2 -22
- package/dist/cjs/ix-tabs.cjs.entry.js +5 -20
- package/dist/cjs/ix-tile.cjs.entry.js +1 -4
- package/dist/cjs/ix-toast_2.cjs.entry.js +4 -16
- package/dist/cjs/ix-toggle.cjs.entry.js +1 -26
- package/dist/cjs/ix-tree_2.cjs.entry.js +8 -5
- package/dist/cjs/ix-upload.cjs.entry.js +2 -46
- package/dist/cjs/ix-validation-tooltip.cjs.entry.js +4 -6
- package/dist/cjs/ix-workflow-step_2.cjs.entry.js +1 -31
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{modal-5be2b1a3.js → modal-42934387.js} +10 -27
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/siemens-ix.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/animated-tab/animated-tab.js +53 -44
- package/dist/collection/components/animated-tabs/animated-tabs.js +122 -123
- package/dist/collection/components/application-header/application-header.js +36 -31
- package/dist/collection/components/basic-navigation/basic-navigation.js +51 -52
- package/dist/collection/components/blind/blind.js +83 -83
- package/dist/collection/components/breadcrumb/breadcrumb.css +2 -7
- package/dist/collection/components/breadcrumb/breadcrumb.js +119 -129
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +53 -44
- package/dist/collection/components/button/base-button.js +3 -3
- package/dist/collection/components/button/button.js +143 -161
- package/dist/collection/components/category-filter/category-filter.js +355 -372
- package/dist/collection/components/chip/chip.js +154 -160
- package/dist/collection/components/counter-pill/counter-pill.js +102 -105
- package/dist/collection/components/date-picker/date-picker.js +352 -406
- package/dist/collection/components/date-time-card/date-time-card.js +54 -60
- package/dist/collection/components/datetime-picker/datetime-picker.js +399 -442
- package/dist/collection/components/datetime-picker/event.js +0 -8
- package/dist/collection/components/drawer/drawer.js +185 -197
- package/dist/collection/components/dropdown/dropdown.css +2 -0
- package/dist/collection/components/dropdown/dropdown.js +240 -245
- package/dist/collection/components/dropdown-item/dropdown-item.js +147 -149
- package/dist/collection/components/event-list/event-list.js +85 -92
- package/dist/collection/components/event-list-item/event-list-item.js +136 -133
- package/dist/collection/components/expanding-search/expanding-search.js +112 -116
- package/dist/collection/components/filter-chip/filter-chip.js +51 -50
- package/dist/collection/components/flip-tile/flip-tile.js +74 -72
- package/dist/collection/components/flip-tile-content/flip-tile-content.js +12 -9
- package/dist/collection/components/group/group.js +201 -221
- package/dist/collection/components/group-dropdown-item/group-dropdown-item.js +53 -45
- package/dist/collection/components/group-item/group-item.js +165 -164
- package/dist/collection/components/icon/icon.js +77 -68
- package/dist/collection/components/icon-button/icon-button.js +207 -217
- package/dist/collection/components/input-group/input-group.js +12 -13
- package/dist/collection/components/kpi/kpi.js +106 -110
- package/dist/collection/components/map-navigation/map-navigation.css +3 -10
- package/dist/collection/components/map-navigation/map-navigation.js +186 -185
- package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.css +1 -0
- package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +124 -88
- package/dist/collection/components/menu/menu.css +2 -3
- package/dist/collection/components/menu/menu.js +483 -527
- package/dist/collection/components/menu-about/menu-about.js +99 -98
- package/dist/collection/components/menu-about-item/menu-about-item.js +36 -28
- package/dist/collection/components/menu-about-news/menu-about-news.js +160 -174
- package/dist/collection/components/menu-avatar/menu-avatar.js +102 -101
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +72 -60
- package/dist/collection/components/menu-item/menu-item.js +128 -127
- package/dist/collection/components/menu-settings/menu-settings.js +94 -94
- package/dist/collection/components/menu-settings-item/menu-settings-item.js +36 -28
- package/dist/collection/components/message-bar/message-bar.js +78 -77
- package/dist/collection/components/modal/modal.js +404 -418
- package/dist/collection/components/modal-container/modal-container.js +51 -44
- package/dist/collection/components/my-component/example-modal.js +2 -10
- package/dist/collection/components/my-component/my-component.js +11 -7
- package/dist/collection/components/pill/pill.js +119 -122
- package/dist/collection/components/select/select.js +282 -303
- package/dist/collection/components/select-item/select-item.js +134 -129
- package/dist/collection/components/spinner/spinner.js +51 -115
- package/dist/collection/components/split-button/split-button.js +208 -231
- package/dist/collection/components/split-button-item/split-button-item.js +72 -60
- package/dist/collection/components/tab-item/tab-item.js +160 -177
- package/dist/collection/components/tabs/tabs.js +123 -137
- package/dist/collection/components/tile/tile.js +34 -39
- package/dist/collection/components/time-picker/time-picker.js +274 -323
- package/dist/collection/components/toast/toast-container.js +94 -96
- package/dist/collection/components/toast/toast.js +159 -164
- package/dist/collection/components/toggle/toggle.js +189 -209
- package/dist/collection/components/tree/tree-model.js +0 -8
- package/dist/collection/components/tree/tree.js +144 -135
- package/dist/collection/components/tree-item/tree-item.js +111 -102
- package/dist/collection/components/upload/upload.js +276 -319
- package/dist/collection/components/utils/button-variants.js +0 -8
- package/dist/collection/components/utils/notification-color.js +0 -8
- package/dist/collection/components/validation-tooltip/validation-tooltip.js +68 -65
- package/dist/collection/components/workflow-step/workflow-step.js +145 -163
- package/dist/collection/components/workflow-steps/workflow-steps.js +102 -108
- package/dist/components/application-header.js +1 -0
- package/dist/components/base-button.js +3 -3
- package/dist/components/button.js +0 -23
- package/dist/components/date-picker.js +15 -50
- package/dist/components/date-time-card.js +0 -6
- package/dist/components/dropdown-item.js +2 -9
- package/dist/components/dropdown.js +4 -20
- package/dist/components/filter-chip.js +0 -3
- package/dist/components/group-item.js +5 -7
- package/dist/components/icon-button.js +6 -15
- package/dist/components/icon.js +3 -0
- package/dist/components/index.d.ts +65 -5
- package/dist/components/index.js +65 -5
- package/dist/components/ix-animated-tab.js +2 -0
- package/dist/components/ix-animated-tabs.js +4 -11
- package/dist/components/ix-basic-navigation.js +1 -3
- package/dist/components/ix-blind.js +1 -9
- package/dist/components/ix-breadcrumb-item.js +2 -0
- package/dist/components/ix-breadcrumb.js +3 -10
- package/dist/components/ix-category-filter.js +48 -28
- package/dist/components/ix-chip.js +3 -12
- package/dist/components/ix-counter-pill.js +2 -9
- package/dist/components/ix-datetime-picker.js +8 -52
- package/dist/components/ix-drawer.js +1 -19
- package/dist/components/ix-event-list-item.js +4 -6
- package/dist/components/ix-event-list.js +1 -12
- package/dist/components/ix-expanding-search.js +0 -9
- package/dist/components/ix-flip-tile.js +21 -2
- package/dist/components/ix-group-dropdown-item.js +2 -0
- package/dist/components/ix-group.js +1 -19
- package/dist/components/ix-kpi.js +3 -6
- package/dist/components/ix-map-navigation.js +9 -6
- package/dist/components/ix-menu-about-item.js +1 -0
- package/dist/components/ix-menu-about-news.js +2 -12
- package/dist/components/ix-menu-about.js +1 -6
- package/dist/components/ix-menu-avatar.js +3 -3
- package/dist/components/ix-menu-settings-item.js +1 -0
- package/dist/components/ix-menu-settings.js +1 -6
- package/dist/components/ix-menu.js +10 -45
- package/dist/components/ix-message-bar.js +2 -6
- package/dist/components/ix-modal-example.js +38 -2
- package/dist/components/ix-pill.js +3 -9
- package/dist/components/ix-select.js +5 -27
- package/dist/components/ix-split-button-item.js +2 -0
- package/dist/components/ix-split-button.js +1 -26
- package/dist/components/ix-tile.js +0 -3
- package/dist/components/ix-toast-container.js +0 -6
- package/dist/components/ix-toggle.js +0 -25
- package/dist/components/ix-tree.js +24 -6
- package/dist/components/ix-upload.js +18 -48
- package/dist/components/ix-validation-tooltip.js +3 -5
- package/dist/components/ix-workflow-step.js +0 -18
- package/dist/components/ix-workflow-steps.js +0 -12
- package/dist/components/map-navigation-overlay.js +35 -2
- package/dist/components/menu-avatar-item.js +2 -0
- package/dist/components/menu-item.js +4 -9
- package/dist/components/modal.js +9 -26
- package/dist/components/select-item.js +2 -6
- package/dist/components/spinner.js +0 -6
- package/dist/components/tab-item.js +1 -21
- package/dist/components/tabs.js +4 -19
- package/dist/components/time-picker.js +7 -40
- package/dist/components/toast.js +3 -9
- package/dist/components/tree-item.js +3 -0
- package/dist/esm/{base-button-7bfb747f.js → base-button-0b6635df.js} +3 -3
- package/dist/esm/{index-55cfd20d.js → index-b22287de.js} +467 -275
- package/dist/esm/index.js +2 -2
- package/dist/esm/ix-animated-tab_2.entry.js +7 -12
- package/dist/esm/ix-application-header.entry.js +2 -1
- package/dist/esm/ix-basic-navigation.entry.js +2 -4
- package/dist/esm/ix-blind.entry.js +2 -9
- package/dist/esm/ix-breadcrumb_2.entry.js +6 -11
- package/dist/esm/ix-button.entry.js +2 -25
- package/dist/esm/ix-category-filter.entry.js +16 -27
- package/dist/esm/ix-chip.entry.js +4 -13
- package/dist/esm/ix-counter-pill.entry.js +3 -10
- package/dist/esm/ix-date-picker_2.entry.js +23 -91
- package/dist/esm/ix-date-time-card.entry.js +1 -7
- package/dist/esm/ix-datetime-picker.entry.js +9 -53
- package/dist/esm/ix-drawer.entry.js +2 -20
- package/dist/esm/ix-dropdown_2.entry.js +7 -30
- package/dist/esm/ix-event-list_2.entry.js +6 -19
- package/dist/esm/ix-expanding-search.entry.js +1 -10
- package/dist/esm/ix-filter-chip.entry.js +1 -4
- package/dist/esm/ix-flip-tile_2.entry.js +4 -1
- package/dist/esm/ix-group_3.entry.js +9 -26
- package/dist/esm/ix-icon-button.entry.js +8 -17
- package/dist/esm/ix-icon.entry.js +4 -1
- package/dist/esm/ix-input-group.entry.js +1 -1
- package/dist/esm/ix-kpi.entry.js +4 -7
- package/dist/esm/ix-map-navigation_2.entry.js +44 -9
- package/dist/esm/ix-menu_9.entry.js +26 -82
- package/dist/esm/ix-message-bar.entry.js +3 -7
- package/dist/esm/ix-modal-example.entry.js +1 -1
- package/dist/esm/ix-modal_2.entry.js +2 -2
- package/dist/esm/ix-pill.entry.js +4 -10
- package/dist/esm/ix-select_2.entry.js +8 -34
- package/dist/esm/ix-spinner.entry.js +1 -7
- package/dist/esm/ix-split-button_2.entry.js +5 -28
- package/dist/esm/ix-tab-item.entry.js +2 -22
- package/dist/esm/ix-tabs.entry.js +5 -20
- package/dist/esm/ix-tile.entry.js +1 -4
- package/dist/esm/ix-toast_2.entry.js +4 -16
- package/dist/esm/ix-toggle.entry.js +1 -26
- package/dist/esm/ix-tree_2.entry.js +8 -5
- package/dist/esm/ix-upload.entry.js +2 -46
- package/dist/esm/ix-validation-tooltip.entry.js +4 -6
- package/dist/esm/ix-workflow-step_2.entry.js +1 -31
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{modal-8ed87a6c.js → modal-f1e45879.js} +10 -27
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/siemens-ix.js +2 -2
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/p-003b58b3.js +1 -0
- package/dist/siemens-ix/p-0419f23d.entry.js +1 -0
- package/dist/siemens-ix/p-0cdac3da.entry.js +1 -0
- package/dist/siemens-ix/p-161561ef.entry.js +1 -0
- package/dist/siemens-ix/p-1686ce8c.entry.js +1 -0
- package/dist/siemens-ix/{p-df43662b.entry.js → p-18652f43.entry.js} +1 -1
- package/dist/siemens-ix/p-1cd8f35f.entry.js +1 -0
- package/dist/siemens-ix/{p-a49005f3.entry.js → p-1d1eeeea.entry.js} +1 -1
- package/dist/siemens-ix/{p-2b7ed5d4.entry.js → p-38a598ed.entry.js} +1 -1
- package/dist/siemens-ix/p-44ab1dce.entry.js +1 -0
- package/dist/siemens-ix/{p-81e46337.entry.js → p-477681a5.entry.js} +1 -1
- package/dist/siemens-ix/{p-d2fc562a.entry.js → p-4f2fbbb5.entry.js} +1 -1
- package/dist/siemens-ix/{p-71de6498.entry.js → p-56bba5f9.entry.js} +1 -1
- package/dist/siemens-ix/p-5b4399b3.entry.js +1 -0
- package/dist/siemens-ix/p-5c038d1d.js +2 -0
- package/dist/siemens-ix/p-6d075808.entry.js +1 -0
- package/dist/siemens-ix/p-72b5c8d5.entry.js +1 -0
- package/dist/siemens-ix/p-746ebc92.entry.js +1 -0
- package/dist/siemens-ix/p-7fb73253.entry.js +1 -0
- package/dist/siemens-ix/p-87c46ff3.entry.js +1 -0
- package/dist/siemens-ix/p-8c5948e2.entry.js +1 -0
- package/dist/siemens-ix/{p-03ef9fe5.entry.js → p-8e60010d.entry.js} +1 -1
- package/dist/siemens-ix/p-9cc43bf2.entry.js +1 -0
- package/dist/siemens-ix/p-a2e33741.entry.js +1 -0
- package/dist/siemens-ix/p-a3760331.entry.js +1 -0
- package/dist/siemens-ix/p-a4ed41f9.entry.js +1 -0
- package/dist/siemens-ix/p-aa620cc7.entry.js +1 -0
- package/dist/siemens-ix/p-afefc17c.entry.js +1 -0
- package/dist/siemens-ix/{p-5a1dcc74.js → p-b12006c6.js} +0 -0
- package/dist/siemens-ix/p-b18d15c7.entry.js +1 -0
- package/dist/siemens-ix/{p-cbd0f8a7.entry.js → p-b49fbfc3.entry.js} +1 -1
- package/dist/siemens-ix/p-b7a46add.entry.js +1 -0
- package/dist/siemens-ix/p-b8849072.entry.js +1 -0
- package/dist/siemens-ix/p-c0a126c6.entry.js +1 -0
- package/dist/siemens-ix/p-c1674778.entry.js +1 -0
- package/dist/siemens-ix/p-ca8a41ea.entry.js +1 -0
- package/dist/siemens-ix/{p-77823732.entry.js → p-d1a17dd8.entry.js} +1 -1
- package/dist/siemens-ix/p-d5199425.entry.js +1 -0
- package/dist/siemens-ix/{p-fa44655a.entry.js → p-d62d2304.entry.js} +1 -1
- package/dist/siemens-ix/{p-b4003026.entry.js → p-dc8f82d5.entry.js} +1 -1
- package/dist/siemens-ix/{p-1d56d9b6.entry.js → p-e0c85889.entry.js} +1 -1
- package/dist/siemens-ix/p-e5da6672.entry.js +1 -0
- package/dist/siemens-ix/{p-4287bd7e.entry.js → p-eff31ef4.entry.js} +1 -1
- package/dist/siemens-ix/{p-bd15d8ca.entry.js → p-f34f7e30.entry.js} +1 -1
- package/dist/siemens-ix/p-fca4a226.entry.js +1 -0
- package/dist/siemens-ix/siemens-ix.css +3 -0
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/date-picker/date-picker.d.ts +4 -4
- package/dist/types/components/datetime-picker/datetime-picker.d.ts +4 -3
- package/dist/types/components/map-navigation/map-navigation.d.ts +2 -0
- package/dist/types/components/map-navigation-overlay/map-navigation-overlay.d.ts +4 -0
- package/dist/types/components/menu-item/menu-item.d.ts +4 -0
- package/dist/types/components/modal/modal.d.ts +1 -1
- package/dist/types/components/time-picker/time-picker.d.ts +1 -2
- package/dist/types/components/upload/upload.d.ts +1 -1
- package/dist/types/components.d.ts +221 -74
- package/dist/types/stencil-public-runtime.d.ts +20 -4
- package/loader/package.json +1 -0
- package/package.json +4 -6
- package/scss/components/_buttons.scss +1 -0
- package/scss/components/_dropdown.scss +3 -0
- package/src/components/date-picker/readme.md +3 -3
- package/src/components/datetime-picker/readme.md +3 -3
- package/src/components/map-navigation/readme.md +2 -2
- package/src/components/menu-item/readme.md +8 -8
- package/src/components/modal/readme.md +1 -1
- package/src/components/time-picker/readme.md +2 -2
- package/src/components/upload/readme.md +13 -13
- package/dist/components/default-tree-item.js +0 -20
- package/dist/components/flip-tile-state.js +0 -18
- package/dist/components/logical-filter-operator.js +0 -33
- package/dist/components/modal-utils.js +0 -38
- package/dist/components/upload-file-state.js +0 -17
- package/dist/siemens-ix/p-02501b64.entry.js +0 -1
- package/dist/siemens-ix/p-0e315bd7.entry.js +0 -1
- package/dist/siemens-ix/p-235606b2.entry.js +0 -1
- package/dist/siemens-ix/p-301ddeb7.js +0 -1
- package/dist/siemens-ix/p-334b7d5c.entry.js +0 -1
- package/dist/siemens-ix/p-3f809fb3.entry.js +0 -1
- package/dist/siemens-ix/p-47ea9884.js +0 -1
- package/dist/siemens-ix/p-52d99490.entry.js +0 -1
- package/dist/siemens-ix/p-5f9f25ef.entry.js +0 -1
- package/dist/siemens-ix/p-5fed62f8.entry.js +0 -1
- package/dist/siemens-ix/p-6726f740.entry.js +0 -1
- package/dist/siemens-ix/p-67c2bca6.entry.js +0 -1
- package/dist/siemens-ix/p-78df1e46.entry.js +0 -1
- package/dist/siemens-ix/p-7d667916.entry.js +0 -1
- package/dist/siemens-ix/p-7f5a2e3c.entry.js +0 -1
- package/dist/siemens-ix/p-8239c3a1.entry.js +0 -1
- package/dist/siemens-ix/p-893b7bf6.entry.js +0 -1
- package/dist/siemens-ix/p-94b86dec.entry.js +0 -1
- package/dist/siemens-ix/p-a8396077.entry.js +0 -1
- package/dist/siemens-ix/p-ab715295.entry.js +0 -1
- package/dist/siemens-ix/p-b93c2fab.entry.js +0 -1
- package/dist/siemens-ix/p-be1ec062.entry.js +0 -1
- package/dist/siemens-ix/p-bf5513a0.entry.js +0 -1
- package/dist/siemens-ix/p-c0c9fb81.entry.js +0 -1
- package/dist/siemens-ix/p-c3738ffc.entry.js +0 -1
- package/dist/siemens-ix/p-c792adb4.entry.js +0 -1
- package/dist/siemens-ix/p-c9a5d942.entry.js +0 -1
- package/dist/siemens-ix/p-cb6e62ff.entry.js +0 -1
- package/dist/siemens-ix/p-f2636faf.entry.js +0 -1
- package/dist/siemens-ix/p-fe5db4d1.entry.js +0 -1
- package/scripts/post-install/post-install.mjs +0 -111
|
@@ -6,59 +6,22 @@
|
|
|
6
6
|
* This source code is licensed under the MIT license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
|
-
import {
|
|
9
|
+
import { Fragment, h, Host, } from '@stencil/core';
|
|
10
10
|
import { DateTime, Info } from 'luxon';
|
|
11
11
|
export class DatePicker {
|
|
12
12
|
constructor() {
|
|
13
13
|
this.daysInWeek = 7;
|
|
14
14
|
this.dayNames = Info.weekdays();
|
|
15
15
|
this.monthNames = Info.months();
|
|
16
|
-
/**
|
|
17
|
-
* Date format string.
|
|
18
|
-
* See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.
|
|
19
|
-
*/
|
|
20
16
|
this.format = 'yyyy/LL/dd';
|
|
21
|
-
/**
|
|
22
|
-
* If true a range of dates can be selected.
|
|
23
|
-
*/
|
|
24
17
|
this.range = true;
|
|
25
|
-
/**
|
|
26
|
-
* @deprecated - will get removed with next major release
|
|
27
|
-
*/
|
|
28
18
|
this.individual = true;
|
|
29
|
-
/**
|
|
30
|
-
* Corner style
|
|
31
|
-
*/
|
|
32
19
|
this.corners = 'rounded';
|
|
33
|
-
/**
|
|
34
|
-
* Picker date. If the picker is in range mode this property is the start date.
|
|
35
|
-
*
|
|
36
|
-
* Format is based on `format`
|
|
37
|
-
*
|
|
38
|
-
* @since 1.1.0
|
|
39
|
-
*/
|
|
40
20
|
this.from = DateTime.now().toFormat(this.format);
|
|
41
|
-
/**
|
|
42
|
-
* Picker date. If the picker is in range mode this property is the end date.
|
|
43
|
-
* If the picker is not in range mode leave this value `null`
|
|
44
|
-
*
|
|
45
|
-
* Format is based on `format`
|
|
46
|
-
*
|
|
47
|
-
* @since 1.1.0
|
|
48
|
-
*/
|
|
49
21
|
this.to = null;
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
* This combination can be configured over the delimiter
|
|
53
|
-
*
|
|
54
|
-
* @since 1.1.0
|
|
55
|
-
*/
|
|
22
|
+
this.minDate = undefined;
|
|
23
|
+
this.maxDate = undefined;
|
|
56
24
|
this.eventDelimiter = ' - ';
|
|
57
|
-
/**
|
|
58
|
-
* Text of date select button
|
|
59
|
-
*
|
|
60
|
-
* @since 1.1.0
|
|
61
|
-
*/
|
|
62
25
|
this.textSelectDate = 'Done';
|
|
63
26
|
this.yearValue = this.year;
|
|
64
27
|
this.today = DateTime.now();
|
|
@@ -75,6 +38,8 @@ export class DatePicker {
|
|
|
75
38
|
this.end = this.to
|
|
76
39
|
? DateTime.fromFormat(this.to, this.format)
|
|
77
40
|
: null;
|
|
41
|
+
this.dropdownButtonRef = undefined;
|
|
42
|
+
this.yearContainerRef = undefined;
|
|
78
43
|
}
|
|
79
44
|
get year() {
|
|
80
45
|
return DateTime.fromFormat(this.from, this.format).year;
|
|
@@ -111,14 +76,6 @@ export class DatePicker {
|
|
|
111
76
|
});
|
|
112
77
|
}
|
|
113
78
|
}
|
|
114
|
-
selectionProps() {
|
|
115
|
-
if (this.year !== null) {
|
|
116
|
-
this.yearValue = this.year;
|
|
117
|
-
}
|
|
118
|
-
if (this.month !== null) {
|
|
119
|
-
this.monthValue = this.month;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
79
|
getStartOfMonth(year = DateTime.local().get('year'), month = DateTime.local().get('month')) {
|
|
123
80
|
return DateTime.local(year, month).startOf('month');
|
|
124
81
|
}
|
|
@@ -129,7 +86,6 @@ export class DatePicker {
|
|
|
129
86
|
return Math.ceil(end.diff(start, 'days').days);
|
|
130
87
|
}
|
|
131
88
|
calculateCalendar() {
|
|
132
|
-
this.selectionProps();
|
|
133
89
|
const start = this.getStartOfMonth(this.yearValue, this.monthValue);
|
|
134
90
|
const end = this.getEndOfMonth(this.yearValue, this.monthValue);
|
|
135
91
|
const totalDays = this.getDaysInMonth(start, end);
|
|
@@ -286,6 +242,14 @@ export class DatePicker {
|
|
|
286
242
|
return ((!_minDate || _minDate.toISO() <= dateIso) &&
|
|
287
243
|
(!_maxDate || _maxDate.toISO() >= dateIso));
|
|
288
244
|
}
|
|
245
|
+
componentWillLoad() {
|
|
246
|
+
if (this.year !== null) {
|
|
247
|
+
this.yearValue = this.year;
|
|
248
|
+
}
|
|
249
|
+
if (this.month) {
|
|
250
|
+
this.monthValue = this.month;
|
|
251
|
+
}
|
|
252
|
+
}
|
|
289
253
|
componentWillRender() {
|
|
290
254
|
this.calculateCalendar();
|
|
291
255
|
}
|
|
@@ -293,387 +257,369 @@ export class DatePicker {
|
|
|
293
257
|
* Get the current DateTime
|
|
294
258
|
*/
|
|
295
259
|
async getCurrentDate() {
|
|
260
|
+
var _a, _b;
|
|
296
261
|
return {
|
|
297
|
-
start: this.start,
|
|
298
|
-
end: this.end,
|
|
262
|
+
start: (_a = this.start) === null || _a === void 0 ? void 0 : _a.toFormat(this.format),
|
|
263
|
+
end: (_b = this.end) === null || _b === void 0 ? void 0 : _b.toFormat(this.format),
|
|
299
264
|
};
|
|
300
265
|
}
|
|
301
266
|
render() {
|
|
302
|
-
return (h(Host, null,
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
h("div", { class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: (ref) => (this.yearContainerRef = ref) }, this.years.map((year) => (h("div", { class: { arrowYear: true }, onClick: (event) => this.selectTempYear(event, year) },
|
|
315
|
-
h("ix-icon", { class: {
|
|
316
|
-
hidden: this.tempYear !== year,
|
|
317
|
-
arrowPosition: true,
|
|
318
|
-
}, name: "chevron-right", size: "12" }),
|
|
319
|
-
h("div", { style: { 'min-width': 'max-content' } }, `${year}`))))),
|
|
320
|
-
h("div", { class: "overflow" }, this.monthNames.map((month, index) => (h("div", { class: {
|
|
321
|
-
arrowYear: true,
|
|
322
|
-
selected: this.tempMonth - 1 === index,
|
|
323
|
-
}, onClick: () => this.selectMonth((index + 1)) },
|
|
324
|
-
h("ix-icon", { class: {
|
|
325
|
-
hidden: this.tempMonth - 1 !== index,
|
|
326
|
-
checkPosition: true,
|
|
327
|
-
}, name: "single-check", size: "16" }),
|
|
328
|
-
h("div", null,
|
|
329
|
-
h("span", { class: { capitalize: true, monthMargin: true } }, `${month} ${this.tempYear}`))))))))),
|
|
330
|
-
h("ix-icon-button", { onClick: () => this.changeMonth(1), ghost: true, icon: "chevron-right", variant: "Primary", class: "arrows" })),
|
|
331
|
-
h("div", { class: "grid" },
|
|
332
|
-
h("div", { class: "calendar-item week-day" }),
|
|
333
|
-
this.dayNames.map((name) => (h("div", { class: "calendar-item week-day" }, name.slice(0, 3)))),
|
|
334
|
-
this.calendar.map((week) => {
|
|
335
|
-
return (h(Fragment, null,
|
|
336
|
-
h("div", { class: "calendar-item week-number" }, week[0]),
|
|
337
|
-
week[1].map((day) => (h("div", { class: this.todayClass(day), onClick: () => this.selectDay(day) }, day)))));
|
|
338
|
-
})),
|
|
339
|
-
h("div", { class: { button: true, hidden: !this.individual } },
|
|
340
|
-
h("ix-button", { onClick: () => this.onDone() }, this.textSelectDate)))));
|
|
267
|
+
return (h(Host, null, h("ix-date-time-card", { individual: this.individual, corners: this.corners }, h("div", { class: "header", slot: "header" }, h("ix-icon-button", { onClick: () => this.changeMonth(-1), ghost: true, icon: "chevron-left", variant: "Primary", class: "arrows" }), h("div", { class: "selector" }, h("ix-button", { ghost: true, ref: (ref) => (this.dropdownButtonRef = ref) }, h("span", { class: "fontSize capitalize" }, this.monthNames[this.monthValue - 1], " ", this.yearValue)), h("ix-dropdown", { class: "dropdown", trigger: this.dropdownButtonRef, placement: "bottom" }, h("div", { class: "wrapper" }, h("div", { class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: (ref) => (this.yearContainerRef = ref) }, this.years.map((year) => (h("div", { class: { arrowYear: true }, onClick: (event) => this.selectTempYear(event, year) }, h("ix-icon", { class: {
|
|
268
|
+
hidden: this.tempYear !== year,
|
|
269
|
+
arrowPosition: true,
|
|
270
|
+
}, name: "chevron-right", size: "12" }), h("div", { style: { 'min-width': 'max-content' } }, `${year}`))))), h("div", { class: "overflow" }, this.monthNames.map((month, index) => (h("div", { class: {
|
|
271
|
+
arrowYear: true,
|
|
272
|
+
selected: this.tempMonth - 1 === index,
|
|
273
|
+
}, onClick: () => this.selectMonth((index + 1)) }, h("ix-icon", { class: {
|
|
274
|
+
hidden: this.tempMonth - 1 !== index,
|
|
275
|
+
checkPosition: true,
|
|
276
|
+
}, name: "single-check", size: "16" }), h("div", null, h("span", { class: { capitalize: true, monthMargin: true } }, `${month} ${this.tempYear}`))))))))), h("ix-icon-button", { onClick: () => this.changeMonth(1), ghost: true, icon: "chevron-right", variant: "Primary", class: "arrows" })), h("div", { class: "grid" }, h("div", { class: "calendar-item week-day" }), this.dayNames.map((name) => (h("div", { class: "calendar-item week-day" }, name.slice(0, 3)))), this.calendar.map((week) => {
|
|
277
|
+
return (h(Fragment, null, h("div", { class: "calendar-item week-number" }, week[0]), week[1].map((day) => (h("div", { class: this.todayClass(day), onClick: () => this.selectDay(day) }, day)))));
|
|
278
|
+
})), h("div", { class: { button: true, hidden: !this.individual } }, h("ix-button", { onClick: () => this.onDone() }, this.textSelectDate)))));
|
|
341
279
|
}
|
|
342
280
|
static get is() { return "ix-date-picker"; }
|
|
343
281
|
static get encapsulation() { return "scoped"; }
|
|
344
|
-
static get originalStyleUrls() {
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
"
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
"original": "boolean",
|
|
374
|
-
"resolved": "boolean",
|
|
375
|
-
"references": {}
|
|
376
|
-
},
|
|
377
|
-
"required": false,
|
|
378
|
-
"optional": false,
|
|
379
|
-
"docs": {
|
|
380
|
-
"tags": [],
|
|
381
|
-
"text": "If true a range of dates can be selected."
|
|
282
|
+
static get originalStyleUrls() {
|
|
283
|
+
return {
|
|
284
|
+
"$": ["date-picker.scss"]
|
|
285
|
+
};
|
|
286
|
+
}
|
|
287
|
+
static get styleUrls() {
|
|
288
|
+
return {
|
|
289
|
+
"$": ["date-picker.css"]
|
|
290
|
+
};
|
|
291
|
+
}
|
|
292
|
+
static get properties() {
|
|
293
|
+
return {
|
|
294
|
+
"format": {
|
|
295
|
+
"type": "string",
|
|
296
|
+
"mutable": false,
|
|
297
|
+
"complexType": {
|
|
298
|
+
"original": "string",
|
|
299
|
+
"resolved": "string",
|
|
300
|
+
"references": {}
|
|
301
|
+
},
|
|
302
|
+
"required": false,
|
|
303
|
+
"optional": false,
|
|
304
|
+
"docs": {
|
|
305
|
+
"tags": [],
|
|
306
|
+
"text": "Date format string.\nSee @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens."
|
|
307
|
+
},
|
|
308
|
+
"attribute": "format",
|
|
309
|
+
"reflect": false,
|
|
310
|
+
"defaultValue": "'yyyy/LL/dd'"
|
|
382
311
|
},
|
|
383
|
-
"
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
"
|
|
392
|
-
"
|
|
393
|
-
"
|
|
312
|
+
"range": {
|
|
313
|
+
"type": "boolean",
|
|
314
|
+
"mutable": false,
|
|
315
|
+
"complexType": {
|
|
316
|
+
"original": "boolean",
|
|
317
|
+
"resolved": "boolean",
|
|
318
|
+
"references": {}
|
|
319
|
+
},
|
|
320
|
+
"required": false,
|
|
321
|
+
"optional": false,
|
|
322
|
+
"docs": {
|
|
323
|
+
"tags": [],
|
|
324
|
+
"text": "If true a range of dates can be selected."
|
|
325
|
+
},
|
|
326
|
+
"attribute": "range",
|
|
327
|
+
"reflect": false,
|
|
328
|
+
"defaultValue": "true"
|
|
394
329
|
},
|
|
395
|
-
"
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
"
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
}
|
|
402
|
-
|
|
330
|
+
"individual": {
|
|
331
|
+
"type": "boolean",
|
|
332
|
+
"mutable": false,
|
|
333
|
+
"complexType": {
|
|
334
|
+
"original": "boolean",
|
|
335
|
+
"resolved": "boolean",
|
|
336
|
+
"references": {}
|
|
337
|
+
},
|
|
338
|
+
"required": false,
|
|
339
|
+
"optional": false,
|
|
340
|
+
"docs": {
|
|
341
|
+
"tags": [{
|
|
342
|
+
"name": "deprecated",
|
|
343
|
+
"text": "- will get removed with next major release"
|
|
344
|
+
}],
|
|
345
|
+
"text": ""
|
|
346
|
+
},
|
|
347
|
+
"attribute": "individual",
|
|
348
|
+
"reflect": false,
|
|
349
|
+
"defaultValue": "true"
|
|
403
350
|
},
|
|
404
|
-
"
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
"DateTimeCardCorners": {
|
|
416
|
-
"location": "import",
|
|
417
|
-
"path": "../date-time-card/date-time-card"
|
|
351
|
+
"corners": {
|
|
352
|
+
"type": "string",
|
|
353
|
+
"mutable": false,
|
|
354
|
+
"complexType": {
|
|
355
|
+
"original": "DateTimeCardCorners",
|
|
356
|
+
"resolved": "\"left\" | \"right\" | \"rounded\"",
|
|
357
|
+
"references": {
|
|
358
|
+
"DateTimeCardCorners": {
|
|
359
|
+
"location": "import",
|
|
360
|
+
"path": "../date-time-card/date-time-card"
|
|
361
|
+
}
|
|
418
362
|
}
|
|
419
|
-
}
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
"defaultValue": "'rounded'"
|
|
430
|
-
},
|
|
431
|
-
"from": {
|
|
432
|
-
"type": "string",
|
|
433
|
-
"mutable": false,
|
|
434
|
-
"complexType": {
|
|
435
|
-
"original": "string",
|
|
436
|
-
"resolved": "string",
|
|
437
|
-
"references": {}
|
|
438
|
-
},
|
|
439
|
-
"required": false,
|
|
440
|
-
"optional": false,
|
|
441
|
-
"docs": {
|
|
442
|
-
"tags": [{
|
|
443
|
-
"name": "since",
|
|
444
|
-
"text": "1.1.0"
|
|
445
|
-
}],
|
|
446
|
-
"text": "Picker date. If the picker is in range mode this property is the start date.\n\nFormat is based on `format`"
|
|
447
|
-
},
|
|
448
|
-
"attribute": "from",
|
|
449
|
-
"reflect": false,
|
|
450
|
-
"defaultValue": "DateTime.now().toFormat(this.format)"
|
|
451
|
-
},
|
|
452
|
-
"to": {
|
|
453
|
-
"type": "string",
|
|
454
|
-
"mutable": false,
|
|
455
|
-
"complexType": {
|
|
456
|
-
"original": "string | null",
|
|
457
|
-
"resolved": "string",
|
|
458
|
-
"references": {}
|
|
459
|
-
},
|
|
460
|
-
"required": false,
|
|
461
|
-
"optional": false,
|
|
462
|
-
"docs": {
|
|
463
|
-
"tags": [{
|
|
464
|
-
"name": "since",
|
|
465
|
-
"text": "1.1.0"
|
|
466
|
-
}],
|
|
467
|
-
"text": "Picker date. If the picker is in range mode this property is the end date.\nIf the picker is not in range mode leave this value `null`\n\nFormat is based on `format`"
|
|
468
|
-
},
|
|
469
|
-
"attribute": "to",
|
|
470
|
-
"reflect": false,
|
|
471
|
-
"defaultValue": "null"
|
|
472
|
-
},
|
|
473
|
-
"minDate": {
|
|
474
|
-
"type": "string",
|
|
475
|
-
"mutable": false,
|
|
476
|
-
"complexType": {
|
|
477
|
-
"original": "string",
|
|
478
|
-
"resolved": "string",
|
|
479
|
-
"references": {}
|
|
480
|
-
},
|
|
481
|
-
"required": false,
|
|
482
|
-
"optional": false,
|
|
483
|
-
"docs": {
|
|
484
|
-
"tags": [{
|
|
485
|
-
"name": "since",
|
|
486
|
-
"text": "1.1.0"
|
|
487
|
-
}],
|
|
488
|
-
"text": "The earliest date that can be selected by the date picker.\nIf not set there will be no restriction."
|
|
489
|
-
},
|
|
490
|
-
"attribute": "min-date",
|
|
491
|
-
"reflect": false
|
|
492
|
-
},
|
|
493
|
-
"maxDate": {
|
|
494
|
-
"type": "string",
|
|
495
|
-
"mutable": false,
|
|
496
|
-
"complexType": {
|
|
497
|
-
"original": "string",
|
|
498
|
-
"resolved": "string",
|
|
499
|
-
"references": {}
|
|
500
|
-
},
|
|
501
|
-
"required": false,
|
|
502
|
-
"optional": false,
|
|
503
|
-
"docs": {
|
|
504
|
-
"tags": [{
|
|
505
|
-
"name": "since",
|
|
506
|
-
"text": "1.1.0"
|
|
507
|
-
}],
|
|
508
|
-
"text": "The latest date that can be selected by the date picker.\nIf not set there will be no restriction."
|
|
363
|
+
},
|
|
364
|
+
"required": false,
|
|
365
|
+
"optional": false,
|
|
366
|
+
"docs": {
|
|
367
|
+
"tags": [],
|
|
368
|
+
"text": "Corner style"
|
|
369
|
+
},
|
|
370
|
+
"attribute": "corners",
|
|
371
|
+
"reflect": false,
|
|
372
|
+
"defaultValue": "'rounded'"
|
|
509
373
|
},
|
|
510
|
-
"
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
"
|
|
519
|
-
"
|
|
374
|
+
"from": {
|
|
375
|
+
"type": "string",
|
|
376
|
+
"mutable": false,
|
|
377
|
+
"complexType": {
|
|
378
|
+
"original": "string",
|
|
379
|
+
"resolved": "string",
|
|
380
|
+
"references": {}
|
|
381
|
+
},
|
|
382
|
+
"required": false,
|
|
383
|
+
"optional": false,
|
|
384
|
+
"docs": {
|
|
385
|
+
"tags": [{
|
|
386
|
+
"name": "since",
|
|
387
|
+
"text": "1.1.0"
|
|
388
|
+
}],
|
|
389
|
+
"text": "Picker date. If the picker is in range mode this property is the start date.\n\nFormat is based on `format`"
|
|
390
|
+
},
|
|
391
|
+
"attribute": "from",
|
|
392
|
+
"reflect": false,
|
|
393
|
+
"defaultValue": "DateTime.now().toFormat(this.format)"
|
|
520
394
|
},
|
|
521
|
-
"
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
"
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
}
|
|
528
|
-
|
|
395
|
+
"to": {
|
|
396
|
+
"type": "string",
|
|
397
|
+
"mutable": false,
|
|
398
|
+
"complexType": {
|
|
399
|
+
"original": "string | null",
|
|
400
|
+
"resolved": "string",
|
|
401
|
+
"references": {}
|
|
402
|
+
},
|
|
403
|
+
"required": false,
|
|
404
|
+
"optional": false,
|
|
405
|
+
"docs": {
|
|
406
|
+
"tags": [{
|
|
407
|
+
"name": "since",
|
|
408
|
+
"text": "1.1.0"
|
|
409
|
+
}],
|
|
410
|
+
"text": "Picker date. If the picker is in range mode this property is the end date.\nIf the picker is not in range mode leave this value `null`\n\nFormat is based on `format`"
|
|
411
|
+
},
|
|
412
|
+
"attribute": "to",
|
|
413
|
+
"reflect": false,
|
|
414
|
+
"defaultValue": "null"
|
|
529
415
|
},
|
|
530
|
-
"
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
"
|
|
539
|
-
"
|
|
540
|
-
"
|
|
416
|
+
"minDate": {
|
|
417
|
+
"type": "string",
|
|
418
|
+
"mutable": false,
|
|
419
|
+
"complexType": {
|
|
420
|
+
"original": "string",
|
|
421
|
+
"resolved": "string",
|
|
422
|
+
"references": {}
|
|
423
|
+
},
|
|
424
|
+
"required": false,
|
|
425
|
+
"optional": false,
|
|
426
|
+
"docs": {
|
|
427
|
+
"tags": [{
|
|
428
|
+
"name": "since",
|
|
429
|
+
"text": "1.1.0"
|
|
430
|
+
}],
|
|
431
|
+
"text": "The earliest date that can be selected by the date picker.\nIf not set there will be no restriction."
|
|
432
|
+
},
|
|
433
|
+
"attribute": "min-date",
|
|
434
|
+
"reflect": false
|
|
541
435
|
},
|
|
542
|
-
"
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
"
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
}
|
|
549
|
-
|
|
436
|
+
"maxDate": {
|
|
437
|
+
"type": "string",
|
|
438
|
+
"mutable": false,
|
|
439
|
+
"complexType": {
|
|
440
|
+
"original": "string",
|
|
441
|
+
"resolved": "string",
|
|
442
|
+
"references": {}
|
|
443
|
+
},
|
|
444
|
+
"required": false,
|
|
445
|
+
"optional": false,
|
|
446
|
+
"docs": {
|
|
447
|
+
"tags": [{
|
|
448
|
+
"name": "since",
|
|
449
|
+
"text": "1.1.0"
|
|
450
|
+
}],
|
|
451
|
+
"text": "The latest date that can be selected by the date picker.\nIf not set there will be no restriction."
|
|
452
|
+
},
|
|
453
|
+
"attribute": "max-date",
|
|
454
|
+
"reflect": false
|
|
550
455
|
},
|
|
551
|
-
"
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
"name": "dateChange",
|
|
572
|
-
"bubbles": true,
|
|
573
|
-
"cancelable": true,
|
|
574
|
-
"composed": true,
|
|
575
|
-
"docs": {
|
|
576
|
-
"tags": [{
|
|
577
|
-
"name": "depracted",
|
|
578
|
-
"text": "String output will be removed. Set \u00B4doneEventDelimiter\u00B4 to undefined or null to get date change object instead of a string"
|
|
579
|
-
}],
|
|
580
|
-
"text": "Date change event\n\nIf datepicker is in range mode the event detail will be sperated with a `-` e.g.\n`2022/10/22 - 2022/10/24` (start and end). If range mode is choosen consider to use `dateRangeChange`."
|
|
456
|
+
"eventDelimiter": {
|
|
457
|
+
"type": "string",
|
|
458
|
+
"mutable": false,
|
|
459
|
+
"complexType": {
|
|
460
|
+
"original": "string",
|
|
461
|
+
"resolved": "string",
|
|
462
|
+
"references": {}
|
|
463
|
+
},
|
|
464
|
+
"required": false,
|
|
465
|
+
"optional": false,
|
|
466
|
+
"docs": {
|
|
467
|
+
"tags": [{
|
|
468
|
+
"name": "since",
|
|
469
|
+
"text": "1.1.0"
|
|
470
|
+
}],
|
|
471
|
+
"text": "Default behavior of the done event is to join the two events (date and time) into one combined string output.\nThis combination can be configured over the delimiter"
|
|
472
|
+
},
|
|
473
|
+
"attribute": "event-delimiter",
|
|
474
|
+
"reflect": false,
|
|
475
|
+
"defaultValue": "' - '"
|
|
581
476
|
},
|
|
582
|
-
"
|
|
583
|
-
"
|
|
584
|
-
"
|
|
585
|
-
"
|
|
586
|
-
"
|
|
587
|
-
|
|
588
|
-
|
|
477
|
+
"textSelectDate": {
|
|
478
|
+
"type": "string",
|
|
479
|
+
"mutable": false,
|
|
480
|
+
"complexType": {
|
|
481
|
+
"original": "string",
|
|
482
|
+
"resolved": "string",
|
|
483
|
+
"references": {}
|
|
484
|
+
},
|
|
485
|
+
"required": false,
|
|
486
|
+
"optional": false,
|
|
487
|
+
"docs": {
|
|
488
|
+
"tags": [{
|
|
489
|
+
"name": "since",
|
|
490
|
+
"text": "1.1.0"
|
|
491
|
+
}],
|
|
492
|
+
"text": "Text of date select button"
|
|
493
|
+
},
|
|
494
|
+
"attribute": "text-select-date",
|
|
495
|
+
"reflect": false,
|
|
496
|
+
"defaultValue": "'Done'"
|
|
497
|
+
}
|
|
498
|
+
};
|
|
499
|
+
}
|
|
500
|
+
static get states() {
|
|
501
|
+
return {
|
|
502
|
+
"yearValue": {},
|
|
503
|
+
"today": {},
|
|
504
|
+
"monthValue": {},
|
|
505
|
+
"calendar": {},
|
|
506
|
+
"years": {},
|
|
507
|
+
"tempYear": {},
|
|
508
|
+
"tempMonth": {},
|
|
509
|
+
"start": {},
|
|
510
|
+
"end": {},
|
|
511
|
+
"dropdownButtonRef": {},
|
|
512
|
+
"yearContainerRef": {}
|
|
513
|
+
};
|
|
514
|
+
}
|
|
515
|
+
static get events() {
|
|
516
|
+
return [{
|
|
517
|
+
"method": "dateChange",
|
|
518
|
+
"name": "dateChange",
|
|
519
|
+
"bubbles": true,
|
|
520
|
+
"cancelable": true,
|
|
521
|
+
"composed": true,
|
|
522
|
+
"docs": {
|
|
523
|
+
"tags": [{
|
|
524
|
+
"name": "depracted",
|
|
525
|
+
"text": "String output will be removed. Set \u00B4doneEventDelimiter\u00B4 to undefined or null to get date change object instead of a string"
|
|
526
|
+
}],
|
|
527
|
+
"text": "Date change event\n\nIf datepicker is in range mode the event detail will be sperated with a `-` e.g.\n`2022/10/22 - 2022/10/24` (start and end). If range mode is choosen consider to use `dateRangeChange`."
|
|
528
|
+
},
|
|
529
|
+
"complexType": {
|
|
530
|
+
"original": "LegacyDateChangeEvent",
|
|
531
|
+
"resolved": "DateChangeEvent | string",
|
|
532
|
+
"references": {
|
|
533
|
+
"LegacyDateChangeEvent": {
|
|
534
|
+
"location": "import",
|
|
535
|
+
"path": "./events"
|
|
536
|
+
}
|
|
589
537
|
}
|
|
590
538
|
}
|
|
591
|
-
}
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
539
|
+
}, {
|
|
540
|
+
"method": "dateRangeChange",
|
|
541
|
+
"name": "dateRangeChange",
|
|
542
|
+
"bubbles": true,
|
|
543
|
+
"cancelable": true,
|
|
544
|
+
"composed": true,
|
|
545
|
+
"docs": {
|
|
546
|
+
"tags": [{
|
|
547
|
+
"name": "since",
|
|
548
|
+
"text": "1.1.0"
|
|
549
|
+
}],
|
|
550
|
+
"text": "Date range change.\nOnly triggered if datepicker is in range mode"
|
|
551
|
+
},
|
|
552
|
+
"complexType": {
|
|
553
|
+
"original": "DateChangeEvent",
|
|
554
|
+
"resolved": "DateChangeEvent",
|
|
555
|
+
"references": {
|
|
556
|
+
"DateChangeEvent": {
|
|
557
|
+
"location": "import",
|
|
558
|
+
"path": "./events"
|
|
559
|
+
}
|
|
612
560
|
}
|
|
613
561
|
}
|
|
614
|
-
}
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
}
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
562
|
+
}, {
|
|
563
|
+
"method": "done",
|
|
564
|
+
"name": "done",
|
|
565
|
+
"bubbles": true,
|
|
566
|
+
"cancelable": true,
|
|
567
|
+
"composed": true,
|
|
568
|
+
"docs": {
|
|
569
|
+
"tags": [{
|
|
570
|
+
"name": "deprecated",
|
|
571
|
+
"text": "Use `dateSelect`"
|
|
572
|
+
}],
|
|
573
|
+
"text": "Date selection confirmed via button action"
|
|
574
|
+
},
|
|
575
|
+
"complexType": {
|
|
576
|
+
"original": "string",
|
|
577
|
+
"resolved": "string",
|
|
578
|
+
"references": {}
|
|
579
|
+
}
|
|
580
|
+
}, {
|
|
581
|
+
"method": "dateSelect",
|
|
582
|
+
"name": "dateSelect",
|
|
583
|
+
"bubbles": true,
|
|
584
|
+
"cancelable": true,
|
|
585
|
+
"composed": true,
|
|
586
|
+
"docs": {
|
|
587
|
+
"tags": [{
|
|
588
|
+
"name": "since",
|
|
589
|
+
"text": "1.1.0"
|
|
590
|
+
}],
|
|
591
|
+
"text": "Date selection confirmed via button action"
|
|
592
|
+
},
|
|
593
|
+
"complexType": {
|
|
594
|
+
"original": "DateChangeEvent",
|
|
595
|
+
"resolved": "DateChangeEvent",
|
|
596
|
+
"references": {
|
|
597
|
+
"DateChangeEvent": {
|
|
598
|
+
"location": "import",
|
|
599
|
+
"path": "./events"
|
|
600
|
+
}
|
|
653
601
|
}
|
|
654
602
|
}
|
|
655
|
-
}
|
|
656
|
-
|
|
657
|
-
static get methods() {
|
|
658
|
-
|
|
659
|
-
"
|
|
660
|
-
"
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
"
|
|
664
|
-
"
|
|
603
|
+
}];
|
|
604
|
+
}
|
|
605
|
+
static get methods() {
|
|
606
|
+
return {
|
|
607
|
+
"getCurrentDate": {
|
|
608
|
+
"complexType": {
|
|
609
|
+
"signature": "() => Promise<{ start: string; end: string; }>",
|
|
610
|
+
"parameters": [],
|
|
611
|
+
"references": {
|
|
612
|
+
"Promise": {
|
|
613
|
+
"location": "global"
|
|
614
|
+
}
|
|
665
615
|
},
|
|
666
|
-
"
|
|
667
|
-
"location": "import",
|
|
668
|
-
"path": "luxon"
|
|
669
|
-
}
|
|
616
|
+
"return": "Promise<{ start: string; end: string; }>"
|
|
670
617
|
},
|
|
671
|
-
"
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
"tags": []
|
|
618
|
+
"docs": {
|
|
619
|
+
"text": "Get the current DateTime",
|
|
620
|
+
"tags": []
|
|
621
|
+
}
|
|
676
622
|
}
|
|
677
|
-
}
|
|
678
|
-
}
|
|
623
|
+
};
|
|
624
|
+
}
|
|
679
625
|
}
|