From d70e5e17214ba2de789f087293825c38a53b3b91 Mon Sep 17 00:00:00 2001 From: Jasenko Karovic Date: Sun, 12 Dec 2021 18:27:11 +0100 Subject: [PATCH] chore: Update documentation --- docs/404.html | 6 +- docs/api/components/index.html | 10 +- docs/api/events/index.html | 4 +- docs/api/methods/index.html | 4 +- docs/api/props/index.html | 152 +++++++++--------- docs/api/slots/index.html | 54 +++---- docs/assets/js/317.8605225a.js | 1 + docs/assets/js/317.e76580d7.js | 1 - ...pp.cf72065e.js => runtime~app.df07aaed.js} | 2 +- docs/customization/scss/index.html | 4 +- docs/customization/theming/index.html | 4 +- docs/index.html | 4 +- docs/installation/index.html | 4 +- 13 files changed, 125 insertions(+), 125 deletions(-) create mode 100644 docs/assets/js/317.8605225a.js delete mode 100644 docs/assets/js/317.e76580d7.js rename docs/assets/js/{runtime~app.cf72065e.js => runtime~app.df07aaed.js} (98%) diff --git a/docs/404.html b/docs/404.html index 712486e..f05ae22 100644 --- a/docs/404.html +++ b/docs/404.html @@ -5,11 +5,11 @@ Vue 3 Datepicker - + -

404

That's a Four-Oh-Four.
Take me home
- +

404

There's nothing here.
Take me home
+ diff --git a/docs/api/components/index.html b/docs/api/components/index.html index 5686a4b..161fb8a 100644 --- a/docs/api/components/index.html +++ b/docs/api/components/index.html @@ -5,11 +5,11 @@ Components | Vue 3 Datepicker - + -
Vue 3 Datepicker

Components

Customize the datepicker with your custom components

WARNING

Make sure to properly read the documentation and check the examples on how to pass and configure a custom component. Wrong implementation may result in errors

TIP

You can use css variables inside custom components if you need to style for the theme

monthYearComponent

Create and use a custom component in the header for month/year select

The component will receive the following props:

  • months: { value: number; text: string }[] -> value: 0-11, text: name of the month
  • years: { value: number; text: string }[] -> generated array of years based on provided range, text and value are the same
  • filters: filters prop
  • monthPicker: monthPicker prop
  • month: number -> This is the value of the selected month
  • year : number -> This is the value of the selected year
  • customProps: Record<string, unknown> -> Your custom props
  • instance: number -> In case you are using twoCalendars prop, it will be 1 or 2

Important

To update the month and the year value make sure to emit the following:

  • Month
    • Event: update:month
    • Value: number
  • Year
    • Event: update:year
    • Value: number
Code Example
<template>
+    
Vue 3 Datepicker
 Components
Customize the datepicker with your custom components
WARNING
Make sure to properly read the documentation and check the examples on how to pass and configure a custom component. Wrong implementation may result in errors
TIP
You can use css variables inside custom components if you need to style for the theme
 monthYearComponent
Create and use a custom component in the header for month/year select
The component will receive the following props:
  • months: { value: number; text: string }[] -> value: 0-11, text: name of the month
  • years: { value: number; text: string }[] -> generated array of years based on provided range, text and value are the same
  • filters: filters prop
  • monthPicker: monthPicker prop
  • month: number -> This is the value of the selected month
  • year : number -> This is the value of the selected year
  • customProps: Record<string, unknown> -> Your custom props
  • instance: number -> In case you are using twoCalendars prop, it will be 1 or 2
Important
To update the month and the year value make sure to emit the following:
  • Month 
    • Event: update:month
    • Value: number
  • Year 
    • Event: update:year
    • Value: number
Code Example
<template>
     <Datepicker v-model="date" :month-year-component="monthYear" />
 </template>
 
@@ -167,7 +167,7 @@
   }
 }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
 timePickerComponent
Create and use a custom component for the time picker
The component will receive the following props:
Note: hours and minutes values will be arrays if range picker mode is active.
Important
To update the hours and the minutes values make sure to emit the following:
  • Hours 
    • Event: update:hours
    • Value: number | [number, number]
  • Minutes 
    • Event: update:minutes
    • Value: number | [number, number]
Note: Keep in mind that when you are using the range picker, both values for the time must be emitted. For example if you want to update the second date hours, you will emit something like this emit('update:hours', [firstValueSaved, newSecondValue])
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
 timePickerComponent
Create and use a custom component for the time picker
The component will receive the following props:
Note: hours and minutes values will be arrays if range picker mode is active.
Important
To update the hours and the minutes values make sure to emit the following:
  • Hours 
    • Event: update:hours
    • Value: number | [number, number]
  • Minutes 
    • Event: update:minutes
    • Value: number | [number, number]
Note: Keep in mind that when you are using the range picker, both values for the time must be emitted. For example if you want to update the second date hours, you will emit something like this emit('update:hours', [firstValueSaved, newSecondValue])
Code Example
<template>
     <Datepicker v-model="date" :time-picker-component="timePicker" />
 </template>
 
@@ -277,7 +277,7 @@
         outline: none;
     }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
 actionRowComponent
Create and use a custom component for action row
The component will receive the following props:
Info
Two events are available from this component to emit:
  • selectDate: Selects the current selection
  • closePicker: Closes the datepicker menu
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
 actionRowComponent
Create and use a custom component for action row
The component will receive the following props:
Info
Two events are available from this component to emit:
  • selectDate: Selects the current selection
  • closePicker: Closes the datepicker menu
Code Example
<template>
     <Datepicker v-model="date" :action-row-component="actionRow" />
 </template>
 
@@ -393,6 +393,6 @@
 }
 </script>
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
Last Updated: 12/4/2021, 9:32:10 PM

-    
+    
   
 
diff --git a/docs/api/events/index.html b/docs/api/events/index.html
index 52fa5e5..b3f6753 100644
--- a/docs/api/events/index.html
+++ b/docs/api/events/index.html
@@ -5,11 +5,11 @@
     
     
     Events | Vue 3 Datepicker
-    
+    
     
   
   
     
Vue 3 Datepicker
 Events
List of available events that are emitted on some action
 @update:modelValue
This event is emitted when the value is selected. This is a v-model binding event
 @textSubmit
When textInput prop is set to true and enterSubmit is set to true in textInputOptions, when enter button is pressed, this event will be emitted
 @open
Emitted when the datepicker menu is opened
 @closed
Emitted when the datepicker menu is closed
 @cleared
Emitted when the value is cleared on clear button
 @focus
Emitted when the datepicker menu is open
 @blur
Emitted when the datepicker menu is closed
 @internalModelChange
Emitted when the internal modelValue is changed before selecting this date that will be set to v-model
Last Updated: 12/4/2021, 9:32:10 PM

-    
+    
   
 
diff --git a/docs/api/methods/index.html b/docs/api/methods/index.html
index b6add9f..24078fa 100644
--- a/docs/api/methods/index.html
+++ b/docs/api/methods/index.html
@@ -5,11 +5,11 @@
     
     
     Methods | Vue 3 Datepicker
-    
+    
     
   
   
     
Vue 3 Datepicker
 Methods
List of available methods that you can call on the datepicker from the external code
Add a ref to the component, and call the method on that ref
 selectDate
When called and there is an active selection, it will select that date.
 closeMenu
Closes the datepicker menu
 openMenu
Opens the datepicker menu
 clearValue
Clears the selected value
Last Updated: 9/25/2021, 2:54:14 PM

-    
+    
   
 
diff --git a/docs/api/props/index.html b/docs/api/props/index.html
index 4d728ab..0f1d0fd 100644
--- a/docs/api/props/index.html
+++ b/docs/api/props/index.html
@@ -5,11 +5,11 @@
     
     
     Props | Vue 3 Datepicker
-    
+    
     
   
   
-    
Vue 3 Datepicker
 Props
List of available props
Info
  • When checking examples, for boolean prop types, the example will show opposite behavior than what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, is24 as is-24 and so on
 Modes
Set the default mode for the datepicker
 range
Range picker mode
  • Type: boolean
  • Default: false
Code Example
<template>
+    
Vue 3 Datepicker
 Props
List of available props
Info
  • When checking examples, for boolean prop types, the example will show opposite behavior than what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, is24 as is-24 and so on
 Modes
Set the default mode for the datepicker
 range
Range picker mode
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" range />
 </template>
 
@@ -33,7 +33,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 autoRange
Predefine range to select
Note: range prop must be enabled
  • Type: number | string
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 autoRange
Predefine range to select
Note: range prop must be enabled
  • Type: number | string
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" range auto-range="5" />
 </template>
 
@@ -50,7 +50,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 twoCalendars
Enabling this prop will show two calendars side by side for range picker
Note: range prop must be enabled
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 twoCalendars
Enabling this prop will show two calendars side by side for range picker
Note: range prop must be enabled
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" range twoCalendars />
 </template>
 
@@ -67,7 +67,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 monthPicker
Change datepicker mode to select only month and year
  • Type: boolean
  • Default: false
Note: When using this mode, range picker is not available
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 monthPicker
Change datepicker mode to select only month and year
  • Type: boolean
  • Default: false
Note: When using this mode, range picker is not available
Code Example
<template>
     <Datepicker v-model="month" monthPicker />
 </template>
 
@@ -87,7 +87,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 timePicker
Change datepicker mode to select only time
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 timePicker
Change datepicker mode to select only time
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="time" timePicker />
 </template>
 
@@ -107,7 +107,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 textInput
When enabled, will try to parse the date from the user input. You can also adjust the default behavior by providing text input options
Text input works with all picker modes.
  • Type: boolean
  • Default: false
Drawbacks:
  • Validation properties will not work in the text input
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 textInput
When enabled, will try to parse the date from the user input. You can also adjust the default behavior by providing text input options
Text input works with all picker modes.
  • Type: boolean
  • Default: false
Drawbacks:
  • Validation properties will not work in the text input
Code Example
<template>
     <Datepicker v-model="date" placeholder="Start Typing ..." textInput />
 </template>
 
@@ -124,7 +124,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 Modes configuration
Props for configuring and extending the datepicker when using a specific mode
 partialRange
This prop is enabled by default, meaning, two dates are not required for range input. If no second date is selected, the value will be null
  • Type: boolean
  • Default: true
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 Modes configuration
Props for configuring and extending the datepicker when using a specific mode
 partialRange
This prop is enabled by default, meaning, two dates are not required for range input. If no second date is selected, the value will be null
  • Type: boolean
  • Default: true
Code Example
<template>
     <Datepicker v-model="date" range :partialRange="false" />
 </template>
 
@@ -141,7 +141,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 twoCalendarsSolo
When enabled, both calendars will be independent of each other
Note: range and twoCalendars props must be enabled
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 twoCalendarsSolo
When enabled, both calendars will be independent of each other
Note: range and twoCalendars props must be enabled
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" range twoCalendars twoCalendarsSolo />
 </template>
 
@@ -158,7 +158,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 textInputOptions
Configuration for textInput prop
  • Type: { enterSubmit?: boolean; tabSubmit?: boolean; openMenu?: boolean; format?: string; rangeSeparator?: string }
  • Default: { enterSubmit: true, tabSubmit: true, openMenu: true, rangeSeparator: '-' }
Properties explanation:
  • enterSubmit: When enabled, pressing enter will select a date if the input value is a valid date object
  • tabSubmit: When enabled, pressing tab will select a date if the input value is a valid date object
  • openMenu: When enabled, opens the menu when clicking on the input field
  • format: Override the default parsing format. Default is the string value from format
  • rangeSeparator: If you use range mode, the default separator is -, you can change it here
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 textInputOptions
Configuration for textInput prop
  • Type: { enterSubmit?: boolean; tabSubmit?: boolean; openMenu?: boolean; format?: string; rangeSeparator?: string }
  • Default: { enterSubmit: true, tabSubmit: true, openMenu: true, rangeSeparator: '-' }
Properties explanation:
  • enterSubmit: When enabled, pressing enter will select a date if the input value is a valid date object
  • tabSubmit: When enabled, pressing tab will select a date if the input value is a valid date object
  • openMenu: When enabled, opens the menu when clicking on the input field
  • format: Override the default parsing format. Default is the string value from format
  • rangeSeparator: If you use range mode, the default separator is -, you can change it here
Code Example
<template>
     <Datepicker 
       v-model="date"
       placeholder="Start Typing ..."
@@ -183,7 +183,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 modeHeight
If you use monthPicker and timePicker, set custom height of the picker in px
  • Type: number | string
  • Default: 255
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 modeHeight
If you use monthPicker and timePicker, set custom height of the picker in px
  • Type: number | string
  • Default: 255
Code Example
<template>
     <Datepicker v-model="time" timePicker modeHeight="120" />
 </template>
 
@@ -203,7 +203,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 Formatting
Format options for the value displayed in the input or preview
 format
Format the value of the date(s) in the input field. Formatting is done automatically via provided string format. However, you can override the default format by providing a custom formatter function
  • Type: string | (params: Date | Date[]) => string
  • Default: 
    • Single picker: 'MM/dd/yyyy HH:mm'
    • Range picker: 'MM/dd/yyyy HH:mm - MM/dd/yyyy HH:mm'
    • Month picker: 'MM/yyyy'
    • Time picker: 'HH:mm'
    • Time picker range: 'HH:mm - HH:mm'
Note: If is24 prop is set to false, hours format will be changed to 'hh:mm aa'
For additional information on how to pass custom string format you can check Unicode tokensopen in new window
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 Formatting
Format options for the value displayed in the input or preview
 format
Format the value of the date(s) in the input field. Formatting is done automatically via provided string format. However, you can override the default format by providing a custom formatter function
  • Type: string | (params: Date | Date[]) => string
  • Default: 
    • Single picker: 'MM/dd/yyyy HH:mm'
    • Range picker: 'MM/dd/yyyy HH:mm - MM/dd/yyyy HH:mm'
    • Month picker: 'MM/yyyy'
    • Time picker: 'HH:mm'
    • Time picker range: 'HH:mm - HH:mm'
Note: If is24 prop is set to false, hours format will be changed to 'hh:mm aa'
For additional information on how to pass custom string format you can check Unicode tokensopen in new window
Code Example
<template>
     <Datepicker v-model="date" :format="format" />
 </template>
 
@@ -230,7 +230,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 previewFormat
Format the value of the date(s) in the action row
  • Type: string | (params: Date | Date[]) => string
  • Default: null
Same configuration as in format prop
Note: If not provided, it will auto inherit data from the format prop
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 previewFormat
Format the value of the date(s) in the action row
  • Type: string | (params: Date | Date[]) => string
  • Default: null
Same configuration as in format prop
Note: If not provided, it will auto inherit data from the format prop
Code Example
<template>
     <Datepicker v-model="date" :previewFormat="format" />
 </template>
 
@@ -257,7 +257,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 monthNameFormat
Set the month name format
  • Type: 'short' | 'long'
  • Default: 'short'
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 monthNameFormat
Set the month name format
  • Type: 'short' | 'long'
  • Default: 'short'
Code Example
<template>
     <Datepicker v-model="date" monthNameFormat="long" />
 </template>
 
@@ -274,7 +274,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 Localization
Localization options and label props
 locale
Set datepicker locale. Datepicker will use built in javascript locale formatter to extract month and weekday names
  • Type: string
  • Default: 'en-US'
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 Localization
Localization options and label props
 locale
Set datepicker locale. Datepicker will use built in javascript locale formatter to extract month and weekday names
  • Type: string
  • Default: 'en-US'
Code Example
<template>
     <Datepicker v-model="date" locale="de" cancelText="abbrechen" selectText="auswählen" />
 </template>
 
@@ -291,7 +291,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 selectText
Select text label in the action row
  • Type: string
  • Default: 'Select'
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 selectText
Select text label in the action row
  • Type: string
  • Default: 'Select'
Code Example
<template>
     <Datepicker v-model="date" selectText="Pick" />
 </template>
 
@@ -308,7 +308,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 cancelText
Cancel text label in the action row
  • Type: string
  • Default: 'Cancel'
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 cancelText
Cancel text label in the action row
  • Type: string
  • Default: 'Cancel'
Code Example
<template>
     <Datepicker v-model="date" cancelText="Close" />
 </template>
 
@@ -325,7 +325,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 nowButtonLabel
Change the text for now button
  • Type: string
  • Default: 'Now'
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 nowButtonLabel
Change the text for now button
  • Type: string
  • Default: 'Now'
Code Example
<template>
     <Datepicker v-model="date" showNowButton nowButtonLabel="Current" />
 </template>
 
@@ -342,7 +342,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 weekNumName
Sets the label for the week numbers column
  • Type: string
  • Default: 'W'
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 weekNumName
Sets the label for the week numbers column
  • Type: string
  • Default: 'W'
Code Example
<template>
     <Datepicker v-model="date" weekNumbers weekNumName="We" />
 </template>
 
@@ -359,7 +359,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 General configuration
General behavior props configuration
 uid
Pass an id to the input and menu elements. If provided, you can select menu id as dp-menu-${uid} and input id as dp-input-${uid}
  • Type: string
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 General configuration
General behavior props configuration
 uid
Pass an id to the input and menu elements. If provided, you can select menu id as dp-menu-${uid} and input id as dp-input-${uid}
  • Type: string
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" uid="demo" />
 </template>
 
@@ -376,7 +376,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 monthChangeOnScroll
Scrolling the mouse wheel over the calendar will change the month. Scroll up for next month and vice versa
You can also set the value to 'inverse', so that scroll up will go to the previous month and down on the next
  • Type: boolean | 'inverse'
  • Default: true
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 monthChangeOnScroll
Scrolling the mouse wheel over the calendar will change the month. Scroll up for next month and vice versa
You can also set the value to 'inverse', so that scroll up will go to the previous month and down on the next
  • Type: boolean | 'inverse'
  • Default: true
Code Example
<template>
     <Datepicker v-model="date" :monthChangeOnScroll="false" />
 </template>
 
@@ -418,7 +418,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 clearable
Add a clear icon to the input field where you can set the value to null
  • Type: boolean
  • Default: true
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 clearable
Add a clear icon to the input field where you can set the value to null
  • Type: boolean
  • Default: true
Code Example
<template>
     <Datepicker v-model="date" :clearable="false" />
 </template>
 
@@ -435,7 +435,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 closeOnScroll
Close datepicker menu on page scroll
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 closeOnScroll
Close datepicker menu on page scroll
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" closeOnScroll />
 </template>
 
@@ -452,7 +452,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 autoApply
If set to true, clicking on a date value will automatically select the value
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 autoApply
If set to true, clicking on a date value will automatically select the value
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" autoApply />
 </template>
 
@@ -469,7 +469,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 placeholder
Input placeholder
  • Type: string
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 placeholder
Input placeholder
  • Type: string
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" placeholder="Select Date" />
 </template>
 
@@ -486,7 +486,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 noToday
Hide today mark from the calendar
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 noToday
Hide today mark from the calendar
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" noToday />
 </template>
 
@@ -503,7 +503,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 closeOnAutoApply
If set to false, clicking on a date value will automatically select the value but will not close the datepicker menu. Closing will be available on a click-away or clicking on the input again
  • Type: boolean
  • Default: true
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 closeOnAutoApply
If set to false, clicking on a date value will automatically select the value but will not close the datepicker menu. Closing will be available on a click-away or clicking on the input again
  • Type: boolean
  • Default: true
Code Example
<template>
     <Datepicker v-model="date" autoApply :closeOnAutoApply="false" />
 </template>
 
@@ -526,7 +526,7 @@
 tooltip?: { text: string; color?: string }[];
 color?: string;
 }[]
-
1
2
3
4
5
6
  • Default: []
Code Example
<template>
+
1
2
3
4
5
6
  • Default: []
Code Example
<template>
     <Datepicker v-model="date" :markers="markers" />
 </template>
 
@@ -565,7 +565,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 showNowButton
Enable button to select current date and time
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 showNowButton
Enable button to select current date and time
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" showNowButton />
 </template>
 
@@ -582,7 +582,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 disabled
Disables the input
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 disabled
Disables the input
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" disabled />
 </template>
 
@@ -599,7 +599,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 readonly
Sets the input in readonly state
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 readonly
Sets the input in readonly state
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" readonly />
 </template>
 
@@ -616,7 +616,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 Calendar configuration
Configure calendar options such as behavior or available dates
 weekNumbers
Display week numbers in the calendar
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 Calendar configuration
Configure calendar options such as behavior or available dates
 weekNumbers
Display week numbers in the calendar
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" weekNumbers />
 </template>
 
@@ -633,7 +633,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 hideOffsetDates
Hide dates from the previous/next month in the calendar
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 hideOffsetDates
Hide dates from the previous/next month in the calendar
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" hideOffsetDates />
 </template>
 
@@ -650,7 +650,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 minDate
All dates before the given date will be disabled
  • Type: Date | string
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 minDate
All dates before the given date will be disabled
  • Type: Date | string
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" :minDate="new Date()" />
 </template>
 
@@ -667,7 +667,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 maxDate
All dates after the given date will be disabled
  • Type: Date | string
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 maxDate
All dates after the given date will be disabled
  • Type: Date | string
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" :maxDate="new Date()" />
 </template>
 
@@ -684,7 +684,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 startDate
Open the datepicker to some preselected month and year
  • Type: Date | string
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 startDate
Open the datepicker to some preselected month and year
  • Type: Date | string
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" :startDate="startDate" placeholder="Select Date" />
 </template>
 
@@ -703,7 +703,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 weekStart
Day from which the week starts. 0-6, 0 is Sunday, 6 is Saturday
  • Type: number | string
  • Default: 1
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 weekStart
Day from which the week starts. 0-6, 0 is Sunday, 6 is Saturday
  • Type: number | string
  • Default: 1
Code Example
<template>
     <Datepicker v-model="date" weekStart="0" />
 </template>
 
@@ -729,7 +729,7 @@
     seconds?: number[] // disable specific seconds
   }
 }
-
1
2
3
4
5
6
7
8
9
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
  • Default: null
Code Example
<template>
     <!-- Disable first 3 months -->
     <Datepicker v-model="date" :filters="{ months: [0, 1, 2] }" />
 </template>
@@ -747,7 +747,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 disableMonthYearSelect
Removes the month and year picker
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 disableMonthYearSelect
Removes the month and year picker
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" disableMonthYearSelect />
 </template>
 
@@ -764,7 +764,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 yearRange
Specify start and end year for years to generate
  • Type: [number, number]
  • Default: [1900, 2100]
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 yearRange
Specify start and end year for years to generate
  • Type: [number, number]
  • Default: [1900, 2100]
Code Example
<template>
     <Datepicker v-model="date" :yearRange="[2020, 2040]" />
 </template>
 
@@ -781,7 +781,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 allowedDates
Allow only specific dates
  • Type: string[] | Date[]
  • Default: []
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 allowedDates
Allow only specific dates
  • Type: string[] | Date[]
  • Default: []
Code Example
<template>
     <Datepicker v-model="date" :allowedDates="allowedDates" />
 </template>
 
@@ -807,7 +807,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 disabledDates
Disable specific dates
  • Type: Date[] | string[] | (date: Date) => boolean
  • Default: []
Note: If you use a custom function, make sure to return true for a disabled date and false for enabled
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 disabledDates
Disable specific dates
  • Type: Date[] | string[] | (date: Date) => boolean
  • Default: []
Note: If you use a custom function, make sure to return true for a disabled date and false for enabled
Code Example
<template>
     <Datepicker v-model="date" :disabledDates="disabledDates" />
 </template>
 
@@ -838,7 +838,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 disabledWeekDays
Disable specific days from the week
  • Type: string[] | number[] - 0-6, 0 is Sunday, 6 is Saturday
  • Default: []
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 disabledWeekDays
Disable specific days from the week
  • Type: string[] | number[] - 0-6, 0 is Sunday, 6 is Saturday
  • Default: []
Code Example
<template>
     <Datepicker v-model="date" :disabledWeekDays="[6, 0]" />
 </template>
 
@@ -855,7 +855,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 Time picker configuration
Props to configure time picker, whether using it only as time picker or alongside the datepicker
 enableTimePicker
Enable or disable time picker
  • Type: boolean
  • Default: true
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 Time picker configuration
Props to configure time picker, whether using it only as time picker or alongside the datepicker
 enableTimePicker
Enable or disable time picker
  • Type: boolean
  • Default: true
Code Example
<template>
     <Datepicker v-model="date" :enableTimePicker="false" />
 </template>
 
@@ -872,7 +872,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 is24
Whether to use 24H or 12H mode
  • Type: boolean
  • Default: true
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 is24
Whether to use 24H or 12H mode
  • Type: boolean
  • Default: true
Code Example
<template>
     <Datepicker v-model="date" :is24="false" />
 </template>
 
@@ -889,7 +889,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 enableSeconds
Enable seconds in the time picker
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 enableSeconds
Enable seconds in the time picker
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" enableSeconds />
 </template>
 
@@ -906,7 +906,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 hoursIncrement
The value which is used to increment hours via arrows in the time picker
  • Type: number | string
  • Default: 1
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 hoursIncrement
The value which is used to increment hours via arrows in the time picker
  • Type: number | string
  • Default: 1
Code Example
<template>
     <Datepicker v-model="date" hoursIncrement="2" />
 </template>
 
@@ -923,7 +923,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 minutesIncrement
The value which is used to increment minutes via arrows in the time picker
  • Type: number | string
  • Default: 1
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 minutesIncrement
The value which is used to increment minutes via arrows in the time picker
  • Type: number | string
  • Default: 1
Code Example
<template>
     <Datepicker v-model="date" minutesIncrement="5" />
 </template>
 
@@ -940,7 +940,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 secondsIncrement
The value which is used to increment seconds via arrows in the time picker
  • Type: number | string
  • Default: 1
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 secondsIncrement
The value which is used to increment seconds via arrows in the time picker
  • Type: number | string
  • Default: 1
Code Example
<template>
     <Datepicker v-model="date" enableSeconds secondsIncrement="5" />
 </template>
 
@@ -957,7 +957,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 hoursGridIncrement
The value which is used to increment hours when showing hours overlay
It will always start from 0 until it reaches 24 or 12 depending on the is24 prop
  • Type: number | string
  • Default: 1
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 hoursGridIncrement
The value which is used to increment hours when showing hours overlay
It will always start from 0 until it reaches 24 or 12 depending on the is24 prop
  • Type: number | string
  • Default: 1
Code Example
<template>
     <Datepicker v-model="date" hoursGridIncrement="2" />
 </template>
 
@@ -974,7 +974,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 minutesGridIncrement
The value which is used to increment minutes when showing minutes overlay
It will always start from 0 to 60 minutes
  • Type: number | string
  • Default: 5
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 minutesGridIncrement
The value which is used to increment minutes when showing minutes overlay
It will always start from 0 to 60 minutes
  • Type: number | string
  • Default: 5
Code Example
<template>
     <Datepicker v-model="date" minutesGridIncrement="2" />
 </template>
 
@@ -991,7 +991,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 secondsGridIncrement
The value which is used to increment seconds when showing seconds overlay
  • Type: number | string
  • Default: 5
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 secondsGridIncrement
The value which is used to increment seconds when showing seconds overlay
  • Type: number | string
  • Default: 5
Code Example
<template>
     <Datepicker v-model="date" enableSeconds secondsGridIncrement="2" />
 </template>
 
@@ -1008,7 +1008,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 noHoursOverlay
Disable overlay for the hours, only arrow selection will be available
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 noHoursOverlay
Disable overlay for the hours, only arrow selection will be available
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" noHoursOverlay />
 </template>
 
@@ -1025,7 +1025,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 noMinutesOverlay
Disable overlay for the minutes, only arrow selection will be available
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 noMinutesOverlay
Disable overlay for the minutes, only arrow selection will be available
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" noMinutesOverlay />
 </template>
 
@@ -1042,7 +1042,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 noSecondsOverlay
Disable overlay for the seconds, only arrow selection will be available
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 noSecondsOverlay
Disable overlay for the seconds, only arrow selection will be available
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" noSecondsOverlay enableSeconds />
 </template>
 
@@ -1059,7 +1059,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 minTime
Sets the minimal available time to pick
  • Type: { hours?: number | string; minutes?: number | string; seconds?: number | string }
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 minTime
Sets the minimal available time to pick
  • Type: { hours?: number | string; minutes?: number | string; seconds?: number | string }
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" :minTime="{ hours: 11, minutes: 30 }" placeholder="Select Date" />
 </template>
 
@@ -1076,7 +1076,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 maxTime
Sets the maximal available time to pick
  • Type: { hours?: number | string; minutes?: number | string; seconds?: number | string }
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 maxTime
Sets the maximal available time to pick
  • Type: { hours?: number | string; minutes?: number | string; seconds?: number | string }
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" :maxTime="{ hours: 11, minutes: 30 }" placeholder="Select Date" />
 </template>
 
@@ -1093,7 +1093,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 startTime
Set some default starting time
  • Type: 
    • Single picker: { hours?: number | string; minutes?: number | string; seconds?: number | string }
    • Range picker: { hours?: number | string; minutes?: number | string; seconds?: number | string }[]
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 startTime
Set some default starting time
  • Type: 
    • Single picker: { hours?: number | string; minutes?: number | string; seconds?: number | string }
    • Range picker: { hours?: number | string; minutes?: number | string; seconds?: number | string }[]
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" :startTime="startTime" placeholder="Select Date" />
 </template>
 
@@ -1112,7 +1112,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 Positioning
Configure datepicker menu positioning
 position
Datepicker menu position
  • Type: 'left' | 'center' | 'right'
  • Default: 'center'
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 Positioning
Configure datepicker menu positioning
 position
Datepicker menu position
  • Type: 'left' | 'center' | 'right'
  • Default: 'center'
Code Example
<template>
     <Datepicker v-model="date" position="left" />
 </template>
 
@@ -1129,7 +1129,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 autoPosition
When enabled, based on viewport space available it will automatically position the menu above or bellow input field
  • Type: boolean
  • Default: true
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 autoPosition
When enabled, based on viewport space available it will automatically position the menu above or bellow input field
  • Type: boolean
  • Default: true
Code Example
<template>
     <Datepicker v-model="date" :autoPosition="false" />
 </template>
 
@@ -1146,7 +1146,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 altPosition
If you have issues with the menu being miss-placed, you can enable this prop to use an alternative positioning method
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 altPosition
If you have issues with the menu being miss-placed, you can enable this prop to use an alternative positioning method
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" altPosition />
 </template>
 
@@ -1163,7 +1163,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 teleport
Set teleport target
  • Type: string
  • Default: 'body'
You can inspect the page and check the menu placement
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 teleport
Set teleport target
  • Type: string
  • Default: 'body'
You can inspect the page and check the menu placement
Code Example
<template>
     <Datepicker v-model="date" teleport="#app" />
 </template>
 
@@ -1180,7 +1180,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 inline
Removes the input field and places the calendar in your parent component
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 inline
Removes the input field and places the calendar in your parent component
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" inline autoApply />
 </template>
 
@@ -1197,7 +1197,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 Keyboard
Configure keyboard actions
Info
You can press tab key in the menu, and it will autofocus elements, pressing enter will do a click action like open overlay or select a date.
All keyboard events are enabled by default
 openMenuOnFocus
Pressing tab in the form, datepicker menu will open
  • Type: boolean
  • Default: true
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 Keyboard
Configure keyboard actions
Info
You can press tab key in the menu, and it will autofocus elements, pressing enter will do a click action like open overlay or select a date.
All keyboard events are enabled by default
 openMenuOnFocus
Pressing tab in the form, datepicker menu will open
  • Type: boolean
  • Default: true
Code Example
<template>
     <Datepicker v-model="date" :openMenuOnFocus="false" />
 </template>
 
@@ -1214,7 +1214,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 escClose
Esc key closes the menu
  • Type: boolean
  • Default: true
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 escClose
Esc key closes the menu
  • Type: boolean
  • Default: true
Code Example
<template>
     <Datepicker v-model="date" :escClose="false" />
 </template>
 
@@ -1231,7 +1231,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 spaceConfirm
space key selects the date (like you pressed the select button)
  • Type: boolean
  • Default: true
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 spaceConfirm
space key selects the date (like you pressed the select button)
  • Type: boolean
  • Default: true
Code Example
<template>
     <Datepicker v-model="date" :spaceConfirm="false" />
 </template>
 
@@ -1248,7 +1248,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 monthChangeOnArrows
Change months via arrow keys
  • Type: boolean
  • Default: true
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 monthChangeOnArrows
Change months via arrow keys
  • Type: boolean
  • Default: true
Code Example
<template>
     <Datepicker v-model="date" :monthChangeOnArrows="false" />
 </template>
 
@@ -1265,7 +1265,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 Look and feel
Customization options
 transitions
Control transitions inside the menu. You can define your own or disable them. Datepicker uses Vue built in transitionsopen in new window component for transitions control. To configure you own, please check the Vue documentation and provide a transition name in the prop
  • Type: boolean | {open?: string; close?: string; next?: string; previous?: string}
  • Default: true
open and close are added on overlays show/hide
next and previous are added when switching months in the calendar
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 Look and feel
Customization options
 transitions
Control transitions inside the menu. You can define your own or disable them. Datepicker uses Vue built in transitionsopen in new window component for transitions control. To configure you own, please check the Vue documentation and provide a transition name in the prop
  • Type: boolean | {open?: string; close?: string; next?: string; previous?: string}
  • Default: true
open and close are added on overlays show/hide
next and previous are added when switching months in the calendar
Code Example
<template>
     <Datepicker v-model="date" :transitions="false" />
 </template>
 
@@ -1282,7 +1282,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 dark
Theme switch between the dark and light mode
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 dark
Theme switch between the dark and light mode
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" dark />
 </template>
 
@@ -1299,7 +1299,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 hideInputIcon
Hide calendar icon in the input field
  • Type: boolean
  • Default: false
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 hideInputIcon
Hide calendar icon in the input field
  • Type: boolean
  • Default: false
Code Example
<template>
     <Datepicker v-model="date" hideInputIcon />
 </template>
 
@@ -1316,7 +1316,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 state
Validation state of the calendar value. Sets the green/red border depending on the value
  • Type: boolean
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 state
Validation state of the calendar value. Sets the green/red border depending on the value
  • Type: boolean
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" :state="false" />
 </template>
 
@@ -1333,7 +1333,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 inputClassName
Add a custom class to the input field
  • Type: string
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 inputClassName
Add a custom class to the input field
  • Type: string
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" inputClassName="dp-custom-input" />
 </template>
 
@@ -1361,7 +1361,7 @@
   }
 }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Add a custom class to the datepicker menu wrapper
  • Type: string
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Add a custom class to the datepicker menu wrapper
  • Type: string
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" menuClassName="dp-custom-menu" />
 </template>
 
@@ -1384,7 +1384,7 @@
   box-shadow: 0 0 6px #1976d2;
 }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 calendarClassName
Add a custom class to the calendar wrapper
  • Type: string
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 calendarClassName
Add a custom class to the calendar wrapper
  • Type: string
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" calendarClassName="dp-custom-calendar" />
 </template>
 
@@ -1409,7 +1409,7 @@
   }
 }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 calendarCellClassName
Add a custom class to the calendar cell wrapper
  • Type: string
  • Default: null
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 calendarCellClassName
Add a custom class to the calendar cell wrapper
  • Type: string
  • Default: null
Code Example
<template>
     <Datepicker v-model="date" calendarCellClassName="dp-custom-cell" />
 </template>
 
@@ -1433,6 +1433,6 @@
 }
 </style>
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
Last Updated: 12/6/2021, 9:06:27 PM

-    
+    
   
 
diff --git a/docs/api/slots/index.html b/docs/api/slots/index.html
index aa53c33..04d547f 100644
--- a/docs/api/slots/index.html
+++ b/docs/api/slots/index.html
@@ -5,11 +5,11 @@
     
     
     Slots | Vue 3 Datepicker
-    
+    
     
   
   
-    
Vue 3 Datepicker
 Slots
Below is a list of available slots which you can use to change some default elements of the datepicker
 Content
Customize parts in the datepicker menu
 calendar-header
Replace the content in the calendar header cells
Available props are:
  • day: Displayed value in the header cell
  • index: Column index it is rendered by
Code Example
<template>
+    
Vue 3 Datepicker
 Slots
Below is a list of available slots which you can use to change some default elements of the datepicker
 Content
Customize parts in the datepicker menu
 calendar-header
Replace the content in the calendar header cells
Available props are:
  • day: Displayed value in the header cell
  • index: Column index it is rendered by
Code Example
<template>
     <Datepicker v-model="date">
       <template #calendar-header="{ index, day }">
         <div :class="index === 5 || index === 6 ? 'red-color' : ''">
@@ -38,7 +38,7 @@
         color: red;
     }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 day
This slot allows you to place custom content in the calendar
This slot will also provide 2 props when used
  • day: This is the day number displayed in the calendar
  • date: This is the date value from that day
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 day
This slot allows you to place custom content in the calendar
This slot will also provide 2 props when used
  • day: This is the day number displayed in the calendar
  • date: This is the date value from that day
Code Example
<template>
     <Datepicker v-model="date">
         <template #day="{ day, date }">
             <temlplate v-if="day === tomorrow">
@@ -73,7 +73,7 @@
         width: auto;
     }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 action-select
This slot replaces the select and cancel button section in the action row
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 action-select
This slot replaces the select and cancel button section in the action row
Code Example
<template>
     <Datepicker v-model="date" ref="dp">
       <template #action-select>
         <p class="custom-select" @click="selectDate">Select</p>
@@ -110,7 +110,7 @@
       display: inline-block;
     }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 action-preview
This slot replaces the date preview section in the action row
This slot will provide one prop
  • value: Current selection in the picker, this can be Date object, or in case of range, Date array
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 action-preview
This slot replaces the date preview section in the action row
This slot will provide one prop
  • value: Current selection in the picker, this can be Date object, or in case of range, Date array
Code Example
<template>
     <Datepicker v-model="date" ref="dp">
       <template #action-preview="{ value }">
         {{ getDate(value) }}
@@ -140,7 +140,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 now-button
This slot replaces the content in the now button wrapper
TIP
To use this slot, make sure that showNowButton prop is enabled
One prop is available:
  • selectCurrentDate - Function to call to select the date
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 now-button
This slot replaces the content in the now button wrapper
TIP
To use this slot, make sure that showNowButton prop is enabled
One prop is available:
  • selectCurrentDate - Function to call to select the date
Code Example
<template>
     <Datepicker v-model="date" showNowButton>
       <template #now-button="{ selectCurrentDate }">
         <span @click="selectCurrentDate()" title="Select current date">
@@ -171,7 +171,7 @@
     cursor: pointer;
   }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 am-pm-button
This slot replaces the am-pm button in the time picker when the is24 prop is set to false
Two props are available:
  • toggle - Function to call to switch AM/PM
  • value - Currently active mode, AM or PM
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 am-pm-button
This slot replaces the am-pm button in the time picker when the is24 prop is set to false
Two props are available:
  • toggle - Function to call to switch AM/PM
  • value - Currently active mode, AM or PM
Code Example
<template>
     <Datepicker v-model="date" showNowButton>
       <template #am-pm-button="{ toggle, value }">
         <button @click="toggle">{{ value }}</button>
@@ -192,7 +192,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 Trigger and input
Use custom input or trigger element
 trigger
This slot replaces the input element with your custom element
This is some custom clickable text that will open datepicker
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 Trigger and input
Use custom input or trigger element
 trigger
This slot replaces the input element with your custom element
This is some custom clickable text that will open datepicker
Code Example
<template>
     <Datepicker v-model="date">
         <template #trigger>
             <p class="clickable-text">This is some custom clickable text that will open the datepicker</p>
@@ -220,7 +220,7 @@
         cursor: pointer;
     }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 dp-input
This slot replaces the input field. The difference from the trigger slot is that you will have access to the input field properties
Available props are:
TIP
For functions to work correctly, make sure that the textInput prop is enabled
When calling onInput function, make sure to pass the input event as argument
  • value: Value displayed in the input field 
    • type: string
  • onInput: Function called on the @input event 
    • type: (event: Event) => void
  • onEnter: Function called on the @keydown.enter event 
    • type: () => void
  • onTab: Function called on the @keydown.tab event 
    • type: () => void
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 dp-input
This slot replaces the input field. The difference from the trigger slot is that you will have access to the input field properties
Available props are:
TIP
For functions to work correctly, make sure that the textInput prop is enabled
When calling onInput function, make sure to pass the input event as argument
  • value: Value displayed in the input field 
    • type: string
  • onInput: Function called on the @input event 
    • type: (event: Event) => void
  • onEnter: Function called on the @keydown.enter event 
    • type: () => void
  • onTab: Function called on the @keydown.tab event 
    • type: () => void
Code Example
<template>
     <Datepicker v-model="date">
         <template #dp-input="{ value, onInput, onEnter, onTab }">
           <input type="text" :value="value" />
@@ -241,7 +241,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 Icons
Change datepicker icons
 input-icon
This slot replaces the calendar icon in the input element with your custom element
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 Icons
Change datepicker icons
 input-icon
This slot replaces the calendar icon in the input element with your custom element
Code Example
<template>
     <Datepicker v-model="date">
         <template #input-icon>
             <img class="input-slot-image" src="/logo.png"/>
@@ -270,7 +270,7 @@
         margin-left: 5px;
     }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 clear-icon
This slot replaces the clear icon in the input element with your custom element
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 clear-icon
This slot replaces the clear icon in the input element with your custom element
Code Example
<template>
     <Datepicker v-model="date">
         <template #clear-icon="{ clear }">
             <img class="input-slot-image" src="/logo.png" @click="clear" />
@@ -299,7 +299,7 @@
         margin-right: 5px;
     }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 clock-icon
This slot replaces the default clock icon used to select the time
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 clock-icon
This slot replaces the default clock icon used to select the time
Code Example
<template>
     <Datepicker v-model="date">
         <template #clock-icon>
             <img class="slot-icon" src="/logo.png"/>
@@ -327,7 +327,7 @@
         width: auto;
     }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 arrow-left
This slot replaces the arrow left icon on the month/year select row
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 arrow-left
This slot replaces the arrow left icon on the month/year select row
Code Example
<template>
     <Datepicker v-model="date">
         <template #arrow-left>
             <img class="slot-icon" src="/logo.png"/>
@@ -355,7 +355,7 @@
         width: auto;
     }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 arrow-right
This slot replaces the arrow right icon on the month/year select row
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 arrow-right
This slot replaces the arrow right icon on the month/year select row
Code Example
<template>
     <Datepicker v-model="date">
         <template #arrow-right>
             <img class="slot-icon" src="/logo.png"/>
@@ -383,7 +383,7 @@
         width: auto;
     }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 arrow-up
This slot replaces the arrow up icon in the time picker
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 arrow-up
This slot replaces the arrow up icon in the time picker
Code Example
<template>
     <Datepicker v-model="date">
         <template #arrow-up>
             <img class="slot-icon" src="/logo.png"/>
@@ -412,7 +412,7 @@
        margin: 0 auto;
     }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 arrow-down
This slot replaces the arrow down icon in the time picker
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 arrow-down
This slot replaces the arrow down icon in the time picker
Code Example
<template>
     <Datepicker v-model="date">
         <template #arrow-down>
             <img class="slot-icon" src="/logo.png"/>
@@ -441,7 +441,7 @@
         margin: 0 auto;
     }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 calendar-icon
This slot replaces the back to calendar icon
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 calendar-icon
This slot replaces the back to calendar icon
Code Example
<template>
     <Datepicker v-model="date">
         <template #calendar-icon>
             <img class="slot-icon" src="/logo.png"/>
@@ -469,7 +469,7 @@
         width: auto;
     }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 Overlay
Customize overlay and overlay triggers
 time-picker-overlay
This slot replaces the full overlay in the timepicker
Several props are available:
  • range: Value passed from general props
  • instance: If twoCalendars props is set to true, this will be either 1 or 2 depending on instance
  • hours: Selected hours value
  • minutes: Selected minutes value
  • seconds: Selected seconds value
  • setHours: Function to call to set hours, (hours: number | number[]) => void
  • setMinutes: Function to call to set minutes, (minutes: number | number[]) => void
  • setSeconds: Function to call to set seconds, (seconds: number | number[]) => void
If you are using range mode, make sure to pass number arrays in functions
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 Overlay
Customize overlay and overlay triggers
 time-picker-overlay
This slot replaces the full overlay in the timepicker
Several props are available:
  • range: Value passed from general props
  • instance: If twoCalendars props is set to true, this will be either 1 or 2 depending on instance
  • hours: Selected hours value
  • minutes: Selected minutes value
  • seconds: Selected seconds value
  • setHours: Function to call to set hours, (hours: number | number[]) => void
  • setMinutes: Function to call to set minutes, (minutes: number | number[]) => void
  • setSeconds: Function to call to set seconds, (seconds: number | number[]) => void
If you are using range mode, make sure to pass number arrays in functions
Code Example
<template>
     <Datepicker v-model="date">
       <template #time-picker-overlay="{ hours, minutes, setHours, setMinutes }">
         <div class="time-picker-overlay">
@@ -523,7 +523,7 @@
   flex-direction: column;
 }
 </style>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 hours
This slot replaces the hours text between the arrows in the time picker
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 hours
This slot replaces the hours text between the arrows in the time picker
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
     <Datepicker v-model="date">
       <template #hours="{ text, value }">
         {{ value }}
@@ -544,7 +544,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 minutes
This slot replaces the minutes text between the arrows in the time picker
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 minutes
This slot replaces the minutes text between the arrows in the time picker
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
     <Datepicker v-model="date">
       <template #minutes="{ text, value }">
         {{ value }}
@@ -565,7 +565,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 hours-overlay
This slot replaces the text in the hours overlay
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 hours-overlay
This slot replaces the text in the hours overlay
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
     <Datepicker v-model="date">
       <template #hours-overlay="{ text, value }">
         {{ value }}
@@ -586,7 +586,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 minutes-overlay
This slot replaces the text in the minutes overlay
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 minutes-overlay
This slot replaces the text in the minutes overlay
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
     <Datepicker v-model="date">
       <template #minutes-overlay="{ text, value }">
         {{ value }}
@@ -607,7 +607,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 month
This slot replaces the text in the month picker
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 month
This slot replaces the text in the month picker
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
     <Datepicker v-model="date">
       <template #month="{ text, value }">
         {{ value }}
@@ -628,7 +628,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 year
This slot replaces the text in the year picker
One props is available
  • year: Displayed year
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 year
This slot replaces the text in the year picker
One props is available
  • year: Displayed year
Code Example
<template>
     <Datepicker v-model="date">
       <template #year="{ year }">
         {{ year }}
@@ -649,7 +649,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 month-overlay
This slot replaces the text in the month picker overlay
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 month-overlay
This slot replaces the text in the month picker overlay
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
     <Datepicker v-model="date">
       <template #month-overlay="{ text, value }">
         {{ value }}
@@ -670,7 +670,7 @@
     }
 }
 </script>
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 year-overlay
This slot replaces the text in the month picker overlay
2 props are available, although for the year, text and value are the same
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 year-overlay
This slot replaces the text in the month picker overlay
2 props are available, although for the year, text and value are the same
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
<template>
     <Datepicker v-model="date">
       <template #year-overlay="{ text, value }">
         {{ value }}
@@ -692,6 +692,6 @@
 }
 </script>
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Last Updated: 12/10/2021, 9:50:18 PM

-    
+    
   
 
diff --git a/docs/assets/js/317.8605225a.js b/docs/assets/js/317.8605225a.js
new file mode 100644
index 0000000..68e8c36
--- /dev/null
+++ b/docs/assets/js/317.8605225a.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkvue3_date_time_picker_documentation=self.webpackChunkvue3_date_time_picker_documentation||[]).push([[317],{8680:(e,t,n)=>{n.d(t,{Z:()=>Rt});var a=n(6252),r=n(2262),o=n(3577),l=n(9963),u=n(5853),i=n(2274),s=n(1381),c=n(7042),d=n(4543),m=n(9880),p=n(4627),f=n(1640),v=n(8966),y=n(5570),w=n(2225),h=n(4749),_=n(5817),g=n(9159),k=n(7881),b=n(9546),S=n(2699),D=n(313),O=n(6843),C=n(9422),I=n(2311),U=n(2085),x=n(4559),N=n(7349),$=n(584),P=n(466),M=n(9827);function T(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n=l.getTime())&&(!r[1]||r[1].getTime()>=l.getTime()):r.getTime()>=l.getTime()}return a};function Ie(e){return function(e){if(Array.isArray(e))return B(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||A(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Ue=function(e,t,n,a){var r=[],o=new Date(t,e),l=new Date(t,e+1,0);return function t(n){var o=function(e,t,n){for(var a=new Date(JSON.parse(JSON.stringify(e))),r=[],o=0;o<7;o++){var l=(0,N.Z)(a,o),u=(0,v.Z)(l)!==t;r.push({text:n&&u?"":l.getDate(),value:l,current:!u})}return r}(n,e,a);r.push({days:o}),r[r.length-1].days.some((function(e){return _e(le(e.value),le(l))}))||t((0,N.Z)(n,7))}((0,$.Z)(o,{weekStartsOn:n})),r},xe=function(e){return function(t){for(var n="",a="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",r=a.length,o=0;o<5;o++)n+=a.charAt(Math.floor(Math.random()*r));return n+e}()},Ne=function(e){var t,n=(0,r.SU)(e);return null!==(t=null==n?void 0:n.$el)&&void 0!==t?t:n},$e=function(e){return Object.assign({open:"dp-open",close:"dp-close",next:"calendar-next",previous:"calendar-prev"},e)},Pe=["aria-disabled","aria-readonly"],Me={key:2,class:"dp__input_wrap"},Te=["id","placeholder","disabled","readonly","value","onKeydown"],Be={key:2,class:"dp__clear_icon"},Ae=(0,a.aZ)({props:{inputValue:{type:String,default:""},placeholder:{type:String,default:""},hideInputIcon:{type:Boolean,default:!1},disabled:{type:Boolean,default:!0},readonly:{type:Boolean,default:!0},clearable:{type:Boolean,default:!0},range:{type:Boolean,default:!1},state:{type:Boolean,default:null},inputClassName:{type:String,default:null},inline:{type:Boolean,default:!1},textInput:{type:Boolean,default:!1},textInputOptions:{type:Object,default:function(){return null}},isMenuOpen:{type:Boolean,default:!1},autoApply:{type:Boolean,default:!1},pattern:{type:String,default:""},uid:{type:String,default:null},openMenuOnFocus:{type:Boolean,default:!0}},emits:["clear","open","update:inputValue","setInputDate","close","selectDate","setEmptyDate"],setup:function(e,t){var n=t.expose,u=t.emit,i=e,s=(0,r.iH)(),c=(0,r.iH)(null),d=(0,r.iH)(!1),m=(0,a.Rr)(),p=(0,r.Fl)((function(){return T({dp__pointer:!i.disabled&&!i.readonly&&!i.textInput,dp__disabled:i.disabled,dp__input:!0,dp__input_icon_pad:!i.hideInputIcon,dp__input_valid:i.state,dp__input_invalid:!1===i.state,dp__input_focus:d.value||i.isMenuOpen},i.inputClassName,!!i.inputClassName)})),f=function(e){var t=e.target.value,n=i.textInputOptions,a=n.format,r=n.rangeSeparator;if(""!==t){if(i.range){var o=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o=[],l=!0,u=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(o.push(a.value),2!==o.length);l=!0);}catch(e){u=!0,r=e}finally{try{l||null==n.return||n.return()}finally{if(u)throw r}}return o}}(e)||A(e,2)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(t.split("".concat(r))),l=o[0],c=o[1];if(l&&c){var d=oe(l.trim(),a||i.pattern),m=oe(c.trim(),a||i.pattern);s.value=d&&m?[d,m]:null}}else s.value=oe(t,a||i.pattern);u("setInputDate",s.value)}else u("setInputDate",null),i.autoApply&&(u("setEmptyDate"),s.value=null);u("update:inputValue",t)},v=function(){var e,t;null!==(e=i.textInputOptions)&&void 0!==e&&e.enterSubmit&&ue(s.value)&&""!==i.inputValue?(u("setInputDate",s.value,!0),s.value=null):null!==(t=i.textInputOptions)&&void 0!==t&&t.enterSubmit&&""===i.inputValue&&(s.value=null,u("clear"))},y=function(){var e,t;null!==(e=i.textInputOptions)&&void 0!==e&&e.tabSubmit&&ue(s.value)&&""!==i.inputValue?(u("setInputDate",s.value,!0),s.value=null):null!==(t=i.textInputOptions)&&void 0!==t&&t.tabSubmit&&""===i.inputValue&&(s.value=null,u("clear")),u("close")},w=function(){d.value=!0,i.openMenuOnFocus&&!i.isMenuOpen?u("open"):i.isMenuOpen&&(b(),u("close"))},h=function(){var e;(!i.openMenuOnFocus||m["dp-input"]||m.trigger)&&(i.textInput&&null!==(e=i.textInputOptions)&&void 0!==e&&e.openMenu&&!i.isMenuOpen?u("open"):i.textInput||u("open"))},_=function(){d.value=!1,i.autoApply&&i.textInput&&s.value&&(u("setInputDate",s.value),u("selectDate"),s.value=null)},g=function(e){e.stopImmediatePropagation()},k=function(){u("clear")},b=function(){d.value=!1;var e=Ne(c);e&&e.blur()};return n({unFocus:b}),function(t,n){return(0,a.wg)(),(0,a.iD)("div",{onClick:h,"aria-label":"Datepicker input",role:"textbox","aria-multiline":"false","aria-disabled":e.disabled,"aria-readonly":e.readonly},[!t.$slots.trigger||t.$slots["dp-input"]||e.inline?(0,a.kq)("",!0):(0,a.WI)(t.$slots,"trigger",{key:0}),!t.$slots["dp-input"]||t.$slots.trigger||e.inline?(0,a.kq)("",!0):(0,a.WI)(t.$slots,"dp-input",{key:1,value:e.inputValue,onInput:f,onEnter:v,onTab:y}),t.$slots.trigger||t.$slots["dp-input"]||e.inline?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",Me,[(0,a._)("input",{ref_key:"inputRef",ref:c,id:e.uid?"dp-input-".concat(e.uid):null,class:(0,o.C_)((0,r.SU)(p)),placeholder:e.placeholder,disabled:e.disabled,readonly:!e.textInput,value:e.inputValue,onInput:f,onKeydown:[(0,l.D2)(v,["enter"]),(0,l.D2)(y,["tab"])],onBlur:_,onFocus:w},null,42,Te),t.$slots["input-icon"]&&!e.hideInputIcon?((0,a.wg)(),(0,a.iD)("span",{key:0,class:"dp__input_icon",onClick:g},[(0,a.WI)(t.$slots,"input-icon")])):(0,a.kq)("",!0),t.$slots["input-icon"]||e.hideInputIcon?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(Z),{key:1,class:"dp__input_icon dp__input_icons",onClick:g})),t.$slots["clear-icon"]&&e.clearable&&!e.disabled&&!e.readonly?((0,a.wg)(),(0,a.iD)("span",Be,[(0,a.WI)(t.$slots,"clear-icon",{clear:k})])):(0,a.kq)("",!0),!e.clearable||t.$slots["clear-icon"]||!e.inputValue||e.disabled||e.readonly?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(F),{key:3,class:"dp__clear_icon dp__input_icons",onClick:(0,l.iM)(k,["stop","prevent"])},null,8,["onClick"]))]))],8,Pe)}}});function je(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function qe(e){for(var t=1;t+u.maxValue,n=!!u.minValue&&+e<+u.minValue;return t||n},w=function(){var e=Ne(s);if(e){var t=Ne(c);t&&(t.scrollTop=e.offsetTop-t.offsetTop-(t.getBoundingClientRect().height/2-e.getBoundingClientRect().height))}},h=function(e){u.disabledValues.some((function(t){return t===e}))||u.minValue&&!(+u.minValue<=e)||u.maxValue&&!(+u.maxValue>=e)||(n("update:modelValue",e),n("selected"))};return function(t,n){return(0,a.wg)(),(0,a.iD)("div",{class:(0,o.C_)(["dp__overlay",(0,r.SU)(m)]),ref_key:"gridWrapRef",ref:c,role:"dialog",tabindex:"0"},[(0,a._)("div",Ze,[(0,a._)("div",He,[(0,a.WI)(t.$slots,"header")]),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)((0,r.SU)(f),(function(n,u){return(0,a.wg)(),(0,a.iD)("div",{class:"dp__overlay_row",key:(0,r.SU)(xe)(u),role:"row"},[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(n,(function(n){return(0,a.wg)(),(0,a.iD)("div",{role:"gridcell",class:(0,o.C_)((0,r.SU)(p)),key:n.value,"aria-selected":n.value===e.modelValue&&!e.disabledValues.includes(n.value),"aria-disabled":n.className.dp__overlay_cell_disabled,ref_for:!0,ref:function(t){n.value!==e.modelValue||e.disabledValues.includes(n.value)||(s.value=t)},tabindex:"0",onClick:function(e){return h(n.value)},onKeydown:(0,l.D2)((function(e){return h(n.value)}),["enter"])},[(0,a._)("div",{class:(0,o.C_)(n.className)},[t.$slots.item?(0,a.WI)(t.$slots,"item",{key:0,item:n}):(0,a.kq)("",!0),t.$slots.item?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)(n.text),1)],64))],2)],42,Ve)})),128))])})),128)),t.$slots["button-icon"]?((0,a.wg)(),(0,a.iD)("div",{key:0,role:"button","aria-label":"Toggle overlay",class:(0,o.C_)((0,r.SU)(v)),tabindex:"0",onClick:n[0]||(n[0]=function(e){return t.$emit("toggle")}),onKeydown:n[1]||(n[1]=(0,l.D2)((function(e){return t.$emit("toggle")}),["enter"]))},[(0,a.WI)(t.$slots,"button-icon")],34)):(0,a.kq)("",!0)])],2)}}}),We=function(){var e=(0,a.f3)("transitions");return{transitionName:(0,r.Fl)((function(){return function(t){return null!=e&&e.value?t?e.value.open:e.value.close:""}})),showTransition:!(null==e||!e.value)}},Ye={class:"dp__time_input"},Ge=["onKeydown"],Ke=["onKeydown"],Re=["onKeydown"],ze={key:2},Ee=["onKeydown"],Le=(0,a.aZ)({props:{hours:{type:Number,default:0},minutes:{type:Number,default:0},seconds:{type:Number,default:0},hoursGridIncrement:{type:[String,Number],default:1},minutesGridIncrement:{type:[String,Number],default:5},secondsGridIncrement:{type:[String,Number],default:5},hoursIncrement:{type:[Number,String],default:1},minutesIncrement:{type:[Number,String],default:1},secondsIncrement:{type:[Number,String],default:1},is24:{type:Boolean,default:!0},filters:{type:Object,default:function(){return{}}},noHoursOverlay:{type:Boolean,default:!1},noMinutesOverlay:{type:Boolean,default:!1},noSecondsOverlay:{type:Boolean,default:!1},enableSeconds:{type:Boolean,default:!1}},emits:["setHours","setMinutes","update:hours","update:minutes","update:seconds"],setup:function(e,t){var n=t.emit,u=e,i=(0,r.iH)(!1),s=(0,r.iH)(!1),c=(0,r.iH)(!1),d=(0,r.iH)("AM"),m=We(),p=m.transitionName,f=m.showTransition,v=(0,r.Fl)((function(){return{dp__time_col:!0,dp__time_col_reg:!u.enableSeconds&&u.is24,dp__time_col_reg_with_button:!u.enableSeconds&&!u.is24,dp__time_col_sec:u.enableSeconds&&u.is24,dp__time_col_sec_with_button:u.enableSeconds&&!u.is24}})),y=(0,r.Fl)((function(){var e=U(u.hours);return{text:e<10?"0".concat(e):"".concat(e),value:e}})),w=(0,r.Fl)((function(){return{text:u.minutes<10?"0".concat(u.minutes):"".concat(u.minutes),value:u.minutes}})),h=(0,r.Fl)((function(){return{text:u.seconds<10?"0".concat(u.seconds):"".concat(u.seconds),value:u.seconds}})),b=function(e,t){return function(e,t){for(var n=[],a=0;a1&&void 0!==arguments[1]?arguments[1]:3,n=[],a=0;a1&&void 0!==arguments[1])||arguments[1],a=C(e,t),r=a[e];n("update:".concat(e),r)},U=function(e){return u.is24?e:(d.value=e>=12?"PM":"AM",[12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11][e])},x=function(){"PM"===d.value?(d.value="AM",n("update:hours",u.hours-12)):(d.value="PM",n("update:hours",u.hours+12))};return function(t,n){return(0,a.wg)(),(0,a.iD)("div",Ye,[(0,a._)("div",{class:(0,o.C_)((0,r.SU)(v))},[(0,a._)("div",{class:"dp__inc_dec_button",role:"button","aria-label":"Increment hours",tabindex:"0",onKeydown:n[0]||(n[0]=(0,l.D2)((function(e){return I("hours")}),["enter"])),onClick:n[1]||(n[1]=function(e){return I("hours")})},[t.$slots["arrow-up"]?(0,a.WI)(t.$slots,"arrow-up",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-up"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(ee),{key:1}))],32),(0,a._)("div",{role:"button","aria-label":"Open hours overlay",class:(0,o.C_)(e.noHoursOverlay?"":"dp__time_display"),tabindex:"0",onKeydown:(0,l.D2)(S,["enter"]),onClick:S},[t.$slots.hours?(0,a.WI)(t.$slots,"hours",{key:0,text:(0,r.SU)(y).text,value:(0,r.SU)(y).value}):(0,a.kq)("",!0),t.$slots.hours?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)((0,r.SU)(y).text),1)],64))],42,Ge),(0,a._)("div",{class:"dp__inc_dec_button",role:"button","aria-label":"Decrement hours",tabindex:"0",onKeydown:n[2]||(n[2]=(0,l.D2)((function(e){return I("hours",!1)}),["enter"])),onClick:n[3]||(n[3]=function(e){return I("hours",!1)})},[t.$slots["arrow-down"]?(0,a.WI)(t.$slots,"arrow-down",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-down"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(ae),{key:1}))],32)],2),(0,a._)("div",{class:(0,o.C_)((0,r.SU)(v))},":",2),(0,a._)("div",{class:(0,o.C_)((0,r.SU)(v))},[(0,a._)("div",{class:"dp__inc_dec_button",role:"button","aria-label":"Increment minutes",tabindex:"0",onKeydown:n[4]||(n[4]=(0,l.D2)((function(e){return I("minutes")}),["enter"])),onClick:n[5]||(n[5]=function(e){return I("minutes")})},[t.$slots["arrow-up"]?(0,a.WI)(t.$slots,"arrow-up",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-up"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(ee),{key:1}))],32),(0,a._)("div",{"aria-label":"Open minutes overlay",role:"button",class:(0,o.C_)(e.noMinutesOverlay?"":"dp__time_display"),tabindex:"0",onKeydown:(0,l.D2)(D,["enter"]),onClick:D},[t.$slots.minutes?(0,a.WI)(t.$slots,"minutes",{key:0,text:(0,r.SU)(w).text,value:(0,r.SU)(w).value}):(0,a.kq)("",!0),t.$slots.minutes?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)((0,r.SU)(w).text),1)],64))],42,Ke),(0,a._)("div",{class:"dp__inc_dec_button",role:"button","aria-label":"Decrement minutes",tabindex:"0",onKeydown:n[6]||(n[6]=(0,l.D2)((function(e){return I("minutes",!1)}),["enter"])),onClick:n[7]||(n[7]=function(e){return I("minutes",!1)})},[t.$slots["arrow-down"]?(0,a.WI)(t.$slots,"arrow-down",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-down"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(ae),{key:1}))],32)],2),e.enableSeconds?((0,a.wg)(),(0,a.iD)("div",{key:0,class:(0,o.C_)((0,r.SU)(v))},":",2)):(0,a.kq)("",!0),e.enableSeconds?((0,a.wg)(),(0,a.iD)("div",{key:1,class:(0,o.C_)((0,r.SU)(v))},[(0,a._)("div",{class:"dp__inc_dec_button",role:"button","aria-label":"Increment seconds",tabindex:"0",onKeydown:n[8]||(n[8]=(0,l.D2)((function(e){return I("seconds")}),["enter"])),onClick:n[9]||(n[9]=function(e){return I("seconds")})},[t.$slots["arrow-up"]?(0,a.WI)(t.$slots,"arrow-up",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-up"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(ee),{key:1}))],32),(0,a._)("div",{role:"button","aria-label":"Open seconds overlay",class:(0,o.C_)(e.noSecondsOverlay?"":"dp__time_display"),tabindex:"0",onKeydown:(0,l.D2)(O,["enter"]),onClick:O},[t.$slots.seconds?(0,a.WI)(t.$slots,"hours",{key:0,text:(0,r.SU)(h).text,value:(0,r.SU)(h).value}):(0,a.kq)("",!0),t.$slots.seconds?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)((0,r.SU)(h).text),1)],64))],42,Re),(0,a._)("div",{class:"dp__inc_dec_button",role:"button","aria-label":"Decrement seconds",tabindex:"0",onKeydown:n[10]||(n[10]=(0,l.D2)((function(e){return I("seconds",!1)}),["enter"])),onClick:n[11]||(n[11]=function(e){return I("seconds",!1)})},[t.$slots["arrow-down"]?(0,a.WI)(t.$slots,"arrow-down",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-down"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(ae),{key:1}))],32)],2)):(0,a.kq)("",!0),e.is24?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",ze,[t.$slots["am-pm-button"]?(0,a.WI)(t.$slots,"am-pm-button",{key:0,toggle:x,value:d.value}):(0,a.kq)("",!0),t.$slots["am-pm-button"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("button",{key:1,class:"dp__pm_am_button",role:"button","aria-label":"Switch AM/PM mode",tabindex:"0",onClick:x,onKeydown:(0,l.D2)(x,["enter"])},(0,o.zw)(d.value),41,Ee))])),(0,a.Wm)(l.uT,{name:(0,r.SU)(p)(i.value),css:(0,r.SU)(f)},{default:(0,a.w5)((function(){return[i.value?((0,a.wg)(),(0,a.j4)(Fe,{key:0,items:b(e.is24?24:12,e.hoursGridIncrement),"disabled-values":e.filters.times.hours,"onUpdate:modelValue":n[12]||(n[12]=function(e){return t.$emit("update:hours",e)}),onSelected:S,onToggle:S},(0,a.Nv)({"button-icon":(0,a.w5)((function(){return[t.$slots["clock-icon"]?(0,a.WI)(t.$slots,"clock-icon",{key:0}):(0,a.kq)("",!0),t.$slots["clock-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(J),{key:1}))]})),_:2},[t.$slots["hours-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"hours-overlay",{text:n.text,value:n.value})]}))}:void 0]),1032,["items","disabled-values"])):(0,a.kq)("",!0)]})),_:3},8,["name","css"]),(0,a.Wm)(l.uT,{name:(0,r.SU)(p)(s.value),css:(0,r.SU)(f)},{default:(0,a.w5)((function(){return[s.value?((0,a.wg)(),(0,a.j4)(Fe,{key:0,items:b(60,e.minutesGridIncrement),"disabled-values":e.filters.times.minutes,"onUpdate:modelValue":n[13]||(n[13]=function(e){return t.$emit("update:minutes",e)}),onSelected:D,onToggle:D},(0,a.Nv)({"button-icon":(0,a.w5)((function(){return[t.$slots["clock-icon"]?(0,a.WI)(t.$slots,"clock-icon",{key:0}):(0,a.kq)("",!0),t.$slots["clock-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(J),{key:1}))]})),_:2},[t.$slots["minutes-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"minutes-overlay",{text:n.text,value:n.value})]}))}:void 0]),1032,["items","disabled-values"])):(0,a.kq)("",!0)]})),_:3},8,["name","css"]),(0,a.Wm)(l.uT,{name:(0,r.SU)(p)(c.value),css:(0,r.SU)(f)},{default:(0,a.w5)((function(){return[c.value?((0,a.wg)(),(0,a.j4)(Fe,{key:0,items:b(60,e.secondsGridIncrement),"disabled-values":e.filters.times.seconds,"onUpdate:modelValue":n[14]||(n[14]=function(e){return t.$emit("update:seconds",e)}),onSelected:O,onToggle:O},(0,a.Nv)({"button-icon":(0,a.w5)((function(){return[t.$slots["clock-icon"]?(0,a.WI)(t.$slots,"clock-icon",{key:0}):(0,a.kq)("",!0),t.$slots["clock-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(J),{key:1}))]})),_:2},[t.$slots["seconds-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"seconds-overlay",{text:n.text,value:n.value})]}))}:void 0]),1032,["items","disabled-values"])):(0,a.kq)("",!0)]})),_:3},8,["name","css"])])}}}),Je=[{name:"clock-icon",use:["time","calendar"]},{name:"arrow-left",use:["month-year","calendar"]},{name:"arrow-right",use:["month-year","calendar"]},{name:"arrow-up",use:["time","calendar"]},{name:"arrow-down",use:["time","calendar"]},{name:"calendar-icon",use:["month-year","time","calendar"]},{name:"day",use:["calendar"]},{name:"month-overlay",use:["calendar","month-year"]},{name:"year-overlay",use:["calendar","month-year"]},{name:"hours-overlay",use:["calendar","time"]},{name:"minutes-overlay",use:["calendar","time"]},{name:"seconds-overlay",use:["calendar","time"]},{name:"hours",use:["calendar","time"]},{name:"minutes",use:["calendar","time"]},{name:"month",use:["calendar","month-year"]},{name:"year",use:["calendar","month-year"]},{name:"action-select",use:["action"]},{name:"action-preview",use:["action"]},{name:"calendar-header",use:["calendar"]},{name:"marker-tooltip",use:["calendar"]},{name:"now-button",use:[]},{name:"time-picker-overlay",use:["calendar","time"]},{name:"am-pm-button",use:["calendar","time"]}],Xe=[{name:"trigger"},{name:"input-icon"},{name:"clear-icon"},{name:"dp-input"}],Qe={all:function(){return Je},monthYear:function(){return Je.filter((function(e){return e.use.includes("month-year")}))},input:function(){return Xe},timePicker:function(){return Je.filter((function(e){return e.use.includes("time")}))},action:function(){return Je.filter((function(e){return e.use.includes("action")}))},calendar:function(){return Je.filter((function(e){return e.use.includes("calendar")}))}},et=function(e,t){var n=[];return Qe[t]().forEach((function(t){e[t.name]&&n.push(t.name)})),n},tt={key:0,class:"dp__overlay"},nt={class:"dp__overlay_container"},at={key:1,class:"dp__overlay_row"},rt=(0,a.aZ)({props:{hoursIncrement:{type:[Number,String],default:1},minutesIncrement:{type:[Number,String],default:1},secondsIncrement:{type:[Number,String],default:1},is24:{type:Boolean,default:!0},hoursGridIncrement:{type:[String,Number],default:1},minutesGridIncrement:{type:[String,Number],default:5},secondsGridIncrement:{type:[String,Number],default:5},range:{type:Boolean,default:!1},filters:{type:Object,default:function(){return{}}},timePicker:{type:Boolean,default:!1},hours:{type:[Number,Array],default:0},minutes:{type:[Number,Array],default:0},seconds:{type:[Number,Array],default:0},instance:{type:[Number,Array],default:1},twoCalendars:{type:Boolean,default:!1},noHoursOverlay:{type:Boolean,default:!1},noMinutesOverlay:{type:Boolean,default:!1},noSecondsOverlay:{type:Boolean,default:!1},customProps:{type:Object,default:null},enableSeconds:{type:Boolean,default:!1}},emits:["update:hours","update:minutes","update:seconds"],setup:function(e,t){var n=t.emit,u=e,i=(0,a.Rr)(),s=(0,a.f3)("autoApply",!1),c=We(),d=c.transitionName,m=c.showTransition,p=(0,r.iH)(!1),f=function(e){p.value=e},v=(0,r.Fl)((function(){return{dp__button:!0,dp__button_bottom:s}})),y=et(i,"timePicker"),w=(0,r.Fl)((function(){return{is24:u.is24,hoursGridIncrement:u.hoursGridIncrement,minutesGridIncrement:u.minutesGridIncrement,secondsGridIncrement:u.secondsGridIncrement,hoursIncrement:u.hoursIncrement,minutesIncrement:u.minutesIncrement,secondsIncrement:u.secondsIncrement,filters:u.filters,noHoursOverlay:u.noHoursOverlay,noMinutesOverlay:u.noMinutesOverlay,noSecondsOverlay:u.noSecondsOverlay,enableSeconds:u.enableSeconds}})),h=function(e){n("update:hours",e)},_=function(e){n("update:minutes",e)},g=function(e){n("update:seconds",e)};return function(t,n){return(0,a.wg)(),(0,a.iD)("div",null,[e.timePicker?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",{key:0,class:(0,o.C_)((0,r.SU)(v)),role:"button","aria-label":"Open time picker",tabindex:"0",onKeydown:n[0]||(n[0]=(0,l.D2)((function(e){return f(!0)}),["enter"])),onClick:n[1]||(n[1]=function(e){return f(!0)})},[t.$slots["clock-icon"]?(0,a.WI)(t.$slots,"clock-icon",{key:0}):(0,a.kq)("",!0),t.$slots["clock-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(J),{key:1}))],34)),(0,a.Wm)(l.uT,{name:(0,r.SU)(d)(p.value),css:(0,r.SU)(m)},{default:(0,a.w5)((function(){return[p.value||e.timePicker?((0,a.wg)(),(0,a.iD)("div",tt,[(0,a._)("div",nt,[t.$slots["time-picker-overlay"]?(0,a.WI)(t.$slots,"time-picker-overlay",{key:0,range:e.range,instance:e.instance,hours:e.hours,minutes:e.minutes,seconds:e.seconds,setHours:h,setMinutes:_,setSeconds:g}):(0,a.kq)("",!0),t.$slots["time-picker-overlay"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",at,[e.range?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)(Le,(0,a.dG)({key:0,hours:e.hours,minutes:e.minutes,seconds:e.seconds},(0,r.SU)(w),{"onUpdate:hours":n[2]||(n[2]=function(e){return h(e)}),"onUpdate:minutes":n[3]||(n[3]=function(e){return _(e)}),"onUpdate:seconds":n[4]||(n[4]=function(e){return g(e)})}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(y),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(n)))]}))}}))]),1040,["hours","minutes","seconds"])),e.range?((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[e.twoCalendars&&1!==e.instance?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)(Le,(0,a.dG)({key:0,hours:e.hours[0],minutes:e.minutes[0]},(0,r.SU)(w),{"onUpdate:hours":n[5]||(n[5]=function(t){return h([t,e.hours[1]])}),"onUpdate:minutes":n[6]||(n[6]=function(t){return _([t,e.minutes[1]])})}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(y),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(n)))]}))}}))]),1040,["hours","minutes"])),e.twoCalendars&&2!==e.instance?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)(Le,(0,a.dG)({key:1,hours:e.hours[1],minutes:e.minutes[1]},(0,r.SU)(w),{"onUpdate:hours":n[7]||(n[7]=function(t){return h([e.hours[0],t])}),"onUpdate:minutes":n[8]||(n[8]=function(t){return _([e.minutes[0],t])})}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(y),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(n)))]}))}}))]),1040,["hours","minutes"]))],64)):(0,a.kq)("",!0)])),e.timePicker?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",{key:2,class:(0,o.C_)((0,r.SU)(v)),role:"button","aria-label":"Close time picker",tabindex:"0",onKeydown:n[9]||(n[9]=(0,l.D2)((function(e){return f(!1)}),["enter"])),onClick:n[10]||(n[10]=function(e){return f(!1)})},[t.$slots["calendar-icon"]?(0,a.WI)(t.$slots,"calendar-icon",{key:0}):(0,a.kq)("",!0),t.$slots["calendar-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(Z),{key:1}))],34))])])):(0,a.kq)("",!0)]})),_:3},8,["name","css"])])}}}),ot={class:"dp__month_year_row"},lt={class:"dp__inner_nav",role:"button","aria-label":"Previous month"},ut=["onKeydown"],it=["onKeydown"],st={class:"dp__inner_nav",role:"button","aria-label":"Next month"},ct={class:"dp__month_picker_header"},dt={class:"dp__inner_nav",role:"button","aria-label":"Previous month"},mt=["onKeydown"],pt={class:"dp__inner_nav",role:"button","aria-label":"Next month"},ft=(0,a.aZ)({props:{months:{type:Array,default:function(){return[]}},years:{type:Array,default:function(){return[]}},year:{type:Number,default:0},month:{type:Number,default:0},filters:{type:Object,default:function(){return{}}},monthPicker:{type:Boolean,default:!1},instance:{type:Number,default:1},customProps:{type:Object,default:null},twoCalendars:{type:Boolean,default:!1},twoCalendarsSolo:{type:Boolean,default:!1}},emits:["update:month","update:year","monthYearSelect"],setup:function(e,t){var n=t.emit,u=e,i=We(),s=i.transitionName,c=i.showTransition,d=(0,r.iH)(!1),m=(0,r.iH)(!1),p=function(e,t){var n=e.months.map((function(e){return e.value})),a=e.years.map((function(e){return e.value})),r=n.filter((function(t){return!e.filters.months.some((function(e){return e===t}))})),o=a.filter((function(t){return!e.filters.years.some((function(e){return e===t}))})),l=function(e,n){t("update:month",e),t("update:year",n)};return{onNext:function(){var t,n=e.month,u=e.year;if(11===e.month?(n=0,u=e.year+1):n+=1,e.filters.months.includes(n)&&(t=n=0===n?Math.min.apply(Math,Ie(r)):Math.max.apply(Math,Ie(r))),n===t&&(n=Math.min.apply(Math,Ie(r)),u=e.year+1),e.filters.years.includes(u)){var i=o.find((function(e){return e>u}));i&&(u=i)}u<=a[a.length-1]&&l(n,u)},onPrev:function(){var t,n=e.month,u=e.year;if(0===e.month?(n=11,u=e.year-1):n-=1,e.filters.months.includes(n)&&(t=n=11===n?Math.max.apply(Math,Ie(r)):Math.min.apply(Math,Ie(r))),n===t&&(n=Math.max.apply(Math,Ie(r)),u=e.year-1),e.filters.years.includes(u)){var i=o.reverse().find((function(e){return e=a[0]&&l(n,u)}}}(u,n),f=p.onNext,v=p.onPrev,y=function(e){n("update:month",e),n("monthYearSelect"),D()},w=function(e){n("update:year",e),n("monthYearSelect",!0),O()},h=function(e){for(var t=[],n=0;n0&&void 0!==arguments[0]&&arguments[0];if(e){var t=u.year+1;n("update:year",t)}else{var a=u.year-1;n("update:year",a)}};return function(t,n){return(0,a.wg)(),(0,a.iD)("div",ot,[e.monthPicker?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:0},[(0,r.SU)(b)?((0,a.wg)(),(0,a.iD)("div",{key:0,class:"dp__month_year_col_nav",onClick:n[0]||(n[0]=function(){return(0,r.SU)(v)&&(0,r.SU)(v).apply(void 0,arguments)}),onKeydown:n[1]||(n[1]=(0,l.D2)((function(){return(0,r.SU)(v)&&(0,r.SU)(v).apply(void 0,arguments)}),["enter"])),tabindex:"0"},[(0,a._)("div",lt,[t.$slots["arrow-left"]?(0,a.WI)(t.$slots,"arrow-left",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-left"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(G),{key:1}))])],32)):(0,a.kq)("",!0),(0,a._)("div",{class:"dp__month_year_select",onClick:D,onKeydown:(0,l.D2)(D,["enter"]),role:"button","aria-label":"Open months overlay",tabindex:"0"},[t.$slots.month?(0,a.WI)(t.$slots,"month",{key:0,value:(0,r.SU)(_).value,text:(0,r.SU)(_).text}):(0,a.kq)("",!0),t.$slots.month?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)((0,r.SU)(_).text),1)],64))],40,ut),(0,a._)("div",{class:"dp__month_year_select",onClick:O,onKeydown:(0,l.D2)(O,["enter"]),role:"button","aria-label":"Open years overlay",tabindex:"0"},[t.$slots.year?(0,a.WI)(t.$slots,"year",{key:0,year:e.year}):(0,a.kq)("",!0),t.$slots.year?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)(e.year),1)],64))],40,it),(0,a.Wm)(l.uT,{name:(0,r.SU)(s)(d.value),css:(0,r.SU)(c)},{default:(0,a.w5)((function(){return[d.value?((0,a.wg)(),(0,a.j4)(Fe,(0,a.dG)({key:0},{modelValue:e.month,items:(0,r.SU)(g),disabledValues:e.filters.months},{"onUpdate:modelValue":y,onToggle:D}),(0,a.Nv)({"button-icon":(0,a.w5)((function(){return[t.$slots["calendar-icon"]?(0,a.WI)(t.$slots,"calendar-icon",{key:0}):(0,a.kq)("",!0),t.$slots["calendar-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(Z),{key:1}))]})),_:2},[t.$slots["month-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"month-overlay",{text:n.text,value:n.value})]}))}:void 0]),1040)):(0,a.kq)("",!0)]})),_:3},8,["name","css"]),(0,a.Wm)(l.uT,{name:(0,r.SU)(s)(m.value),css:(0,r.SU)(c)},{default:(0,a.w5)((function(){return[m.value?((0,a.wg)(),(0,a.j4)(Fe,(0,a.dG)({key:0},{modelValue:e.year,items:(0,r.SU)(k),disabledValues:e.filters.years},{"onUpdate:modelValue":w,onToggle:O}),(0,a.Nv)({"button-icon":(0,a.w5)((function(){return[t.$slots["calendar-icon"]?(0,a.WI)(t.$slots,"calendar-icon",{key:0}):(0,a.kq)("",!0),t.$slots["calendar-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(Z),{key:1}))]})),_:2},[t.$slots["year-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"year-overlay",{text:n.text,value:n.value})]}))}:void 0]),1040)):(0,a.kq)("",!0)]})),_:3},8,["name","css"]),(0,r.SU)(S)?((0,a.wg)(),(0,a.iD)("div",{key:1,class:"dp__month_year_col_nav",onClick:n[2]||(n[2]=function(){return(0,r.SU)(f)&&(0,r.SU)(f).apply(void 0,arguments)}),onKeydown:n[3]||(n[3]=(0,l.D2)((function(){return(0,r.SU)(f)&&(0,r.SU)(f).apply(void 0,arguments)}),["enter"])),tabindex:"0"},[(0,a._)("div",st,[t.$slots["arrow-right"]?(0,a.WI)(t.$slots,"arrow-right",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-right"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(z),{key:1}))])],32)):(0,a.kq)("",!0)],64)),e.monthPicker?((0,a.wg)(),(0,a.j4)(Fe,(0,a.dG)({key:1},{modelValue:e.month,items:(0,r.SU)(g),disabledValues:e.filters.months},{"onUpdate:modelValue":y,onToggle:D}),(0,a.Nv)({header:(0,a.w5)((function(){return[(0,a._)("div",ct,[(0,a._)("div",{class:"dp__month_year_col_nav",tabindex:"0",onClick:n[4]||(n[4]=function(e){return C(!1)}),onKeydown:n[5]||(n[5]=(0,l.D2)((function(e){return C(!1)}),["enter"]))},[(0,a._)("div",dt,[t.$slots["arrow-left"]?(0,a.WI)(t.$slots,"arrow-left",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-left"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(G),{key:1}))])],32),(0,a._)("div",{class:"dp__pointer",role:"button","aria-label":"Open years overlay",tabindex:"0",onClick:O,onKeydown:(0,l.D2)(O,["enter"])},[t.$slots.year?(0,a.WI)(t.$slots,"year",{key:0,year:e.year}):(0,a.kq)("",!0),t.$slots.year?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)(e.year),1)],64))],40,mt),(0,a._)("div",{class:"dp__month_year_col_nav",tabindex:"0",onClick:n[6]||(n[6]=function(e){return C(!0)}),onKeydown:n[7]||(n[7]=(0,l.D2)((function(e){return C(!0)}),["enter"]))},[(0,a._)("div",pt,[t.$slots["arrow-right"]?(0,a.WI)(t.$slots,"arrow-right",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-right"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(z),{key:1}))])],32)]),(0,a.Wm)(l.uT,{name:(0,r.SU)(s)(m.value),css:(0,r.SU)(c)},{default:(0,a.w5)((function(){return[m.value?((0,a.wg)(),(0,a.j4)(Fe,(0,a.dG)({key:0},{modelValue:e.year,items:(0,r.SU)(k),disabledValues:e.filters.years},{"onUpdate:modelValue":w,onToggle:O}),(0,a.Nv)({"button-icon":(0,a.w5)((function(){return[t.$slots["calendar-icon"]?(0,a.WI)(t.$slots,"calendar-icon",{key:0}):(0,a.kq)("",!0),t.$slots["calendar-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(Z),{key:1}))]})),_:2},[t.$slots["year-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"year-overlay",{text:n.text,value:n.value})]}))}:void 0]),1040)):(0,a.kq)("",!0)]})),_:3},8,["name","css"])]})),_:2},[t.$slots["month-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"month-overlay",{text:n.text,value:n.value})]}))}:void 0]),1040)):(0,a.kq)("",!0)])}}}),vt={class:"db__calendar_header",role:"row"},yt={key:0,class:"dp__calendar_header_item",role:"gridcell"},wt=(0,a._)("div",{class:"dp__calendar_header_separator"},null,-1),ht={key:0,class:"dp__calendar",role:"grid","aria-label":"Calendar days"},_t={key:0,role:"gridcell",class:"dp__calendar_item dp__week_num"},gt={class:"dp__cell_inner"},kt=["aria-selected","aria-disabled","onClick","onKeydown","onMouseover"],bt=(0,a._)("div",{class:"dp__arrow_bottom_tp"},null,-1),St=(0,a.aZ)({props:{locale:{type:String,default:"en-Us"},weekNumName:{type:String,default:"W"},weekStart:{type:[Number,String],default:1},weekNumbers:{type:Boolean,default:!1},mappedDates:{type:Array,default:function(){return[]}},enableTimePicker:{type:Boolean,default:!0},timePickerComponent:{type:Object,default:null},monthYearComponent:{type:Object,default:null},is24:{type:Boolean,default:!0},hoursIncrement:{type:[String,Number],default:1},minutesIncrement:{type:[String,Number],default:1},secondsIncrement:{type:[String,Number],default:1},hoursGridIncrement:{type:[String,Number],default:1},minutesGridIncrement:{type:[String,Number],default:5},secondsGridIncrement:{type:[String,Number],default:5},range:{type:Boolean,default:!1},filters:{type:Object,default:function(){return{}}},customProps:{type:Object,default:null},hours:{type:[Number,Array],default:0},minutes:{type:[Number,Array],default:0},seconds:{type:[Number,Array],default:0},calendarClassName:{type:String,default:null},monthPicker:{type:Boolean,default:!1},timePicker:{type:Boolean,default:!1},disableMonthYearSelect:{type:Boolean,default:!1},getWeekNum:{type:Function,default:function(){return""}},instance:{type:Number,default:1},twoCalendars:{type:Boolean,default:!1},years:{type:Array,default:function(){return[]}},months:{type:Array,default:function(){return[]}},month:{type:Number,default:0},year:{type:Number,default:0},noHoursOverlay:{type:Boolean,default:!1},noMinutesOverlay:{type:Boolean,default:!1},noSecondsOverlay:{type:Boolean,default:!1},twoCalendarsSolo:{type:Boolean,default:!1},modeHeight:{type:[Number,String],default:255},enableSeconds:{type:Boolean,default:!1}},emits:["update:hours","update:minutes","update:seconds","selectDate","setHoverDate","update:month","update:year","monthYearSelect","handleScroll"],setup:function(e,t){var n=t.emit,u=e,i=(0,a.Rr)(),s=(0,r.iH)(null),c=(0,r.iH)({bottom:"",left:"",transform:""}),d=(0,r.iH)([]),m=(0,r.iH)(!0),p=(0,a.f3)("transitions"),f=(0,r.iH)(""),v=(0,r.Vh)(u,"month"),y=(0,r.Vh)(u,"year"),w=(0,r.iH)(),h=(0,r.Fl)((function(){return function(e,t){var n,a,r=[1,2,3,4,5,6,7].map((function(t){return new Intl.DateTimeFormat(e,{weekday:"short",timeZone:"UTC"}).format(new Date("2017-01-0".concat(t,"T00:00:00+00:00"))).slice(0,2)})),o=r.slice(0,t),l=r.slice(t+1,r.length);return(n=(a=[r[t]]).concat.apply(a,Ie(l))).concat.apply(n,Ie(o))}(u.locale,+u.weekStart)}));(0,a.bv)((function(){w.value=ce(new Date,u.month,u.year)}));var _=et(i,"timePicker"),g=et(i,"monthYear"),k=(0,r.Fl)((function(){return u.monthPicker||u.timePicker}));(0,a.YP)([v,y],(function(){if(null!=p&&p.value){var e=ce(new Date,u.month,u.year);f.value=we(ce(new Date,u.month,u.year),w.value)?p.value.next:p.value.previous,w.value=e,m.value=!1,(0,a.Y3)((function(){m.value=!0}))}}));var b=(0,r.Fl)((function(){return T({dp__calendar_wrap:!0},u.calendarClassName,!!u.calendarClassName)})),S=(0,r.Fl)((function(){return function(e){var t=function(e){return Object.assign({type:"dot"},e)}(e);return{dp__marker_dot:"dot"===t.type,dp__marker_line:"line"===t.type}}})),D=(0,r.Fl)((function(){return function(e){return _e(e,s.value)}})),O=(0,r.Fl)((function(){return{dp__calendar:!0,dp__calendar_next:2===u.instance}})),C=(0,r.Fl)((function(){return{dp__calendar_content_wrap:!0}})),I=(0,r.Fl)((function(){return k.value?{height:"".concat(u.modeHeight,"px")}:null})),U=function(){s.value=null};return function(t,u){return(0,a.wg)(),(0,a.iD)("div",{class:(0,o.C_)((0,r.SU)(O))},[(0,a._)("div",{class:(0,o.C_)((0,r.SU)(C)),style:(0,o.j5)((0,r.SU)(I))},[e.disableMonthYearSelect||e.timePicker?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,a.LL)(e.monthYearComponent?e.monthYearComponent:ft),(0,a.dG)({key:0},{months:e.months,years:e.years,filters:e.filters,monthPicker:e.monthPicker,month:e.month,year:e.year,customProps:e.customProps,twoCalendars:e.twoCalendars,twoCalendarsSolo:e.twoCalendarsSolo,instance:e.instance},{"onUpdate:month":u[0]||(u[0]=function(e){return t.$emit("update:month",e)}),"onUpdate:year":u[1]||(u[1]=function(e){return t.$emit("update:year",e)}),onMonthYearSelect:u[2]||(u[2]=function(e){return t.$emit("monthYearSelect",e)})}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(g),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(n)))]}))}}))]),1040)),(0,r.SU)(k)?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",{key:1,class:(0,o.C_)((0,r.SU)(b)),role:"grid","aria-label":"Calendar wrapper",onWheel:u[4]||(u[4]=(0,l.iM)((function(e){return t.$emit("handleScroll",e)}),["prevent"]))},[(0,a._)("div",vt,[e.weekNumbers?((0,a.wg)(),(0,a.iD)("div",yt,(0,o.zw)(e.weekNumName),1)):(0,a.kq)("",!0),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)((0,r.SU)(h),(function(e,n){return(0,a.wg)(),(0,a.iD)("div",{class:"dp__calendar_header_item",role:"gridcell",key:n},[t.$slots["calendar-header"]?(0,a.WI)(t.$slots,"calendar-header",{key:0,day:e,index:n}):(0,a.kq)("",!0),t.$slots["calendar-header"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)(e),1)],64))])})),128))]),wt,(0,a.Wm)(l.uT,{name:f.value,css:!!(0,r.SU)(p)},{default:(0,a.w5)((function(){return[m.value?((0,a.wg)(),(0,a.iD)("div",ht,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.mappedDates,(function(i,m){return(0,a.wg)(),(0,a.iD)("div",{class:"dp__calendar_row",role:"row",key:m},[e.weekNumbers?((0,a.wg)(),(0,a.iD)("div",_t,[(0,a._)("div",gt,(0,o.zw)(e.getWeekNum(i.days)),1)])):(0,a.kq)("",!0),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(i.days,(function(e,i){return(0,a.wg)(),(0,a.iD)("div",{role:"gridcell",class:"dp__calendar_item",ref_for:!0,ref:function(e){e&&(d.value[i+m]=e)},key:i+m,"aria-selected":e.classData.dp__active_date||e.classData.dp__range_start||e.classData.dp__range_start,"aria-disabled":e.classData.dp__cell_disabled,tabindex:"0",onClick:function(n){return t.$emit("selectDate",e)},onKeydown:(0,l.D2)((function(n){return t.$emit("selectDate",e)}),["enter"]),onMouseover:function(t){return function(e,t){var a,r;if(n("setHoverDate",e),null!==(a=e.marker)&&void 0!==a&&null!==(r=a.tooltip)&&void 0!==r&&r.length){var o=Ne(d.value[t]);if(o){var l=o.getBoundingClientRect(),u=l.width,i=l.height;c.value={bottom:"".concat(i,"px"),left:"".concat(u/2,"px"),transform:"translateX(-50%)"},s.value=e.value}}}(e,i+m)},onMouseleave:U},[(0,a._)("div",{class:(0,o.C_)(["dp__cell_inner",e.classData])},[t.$slots.day?(0,a.WI)(t.$slots,"day",{key:0,day:+e.text,date:e.value}):(0,a.kq)("",!0),t.$slots.day?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)(e.text),1)],64)),e.marker?((0,a.wg)(),(0,a.iD)("div",{key:2,class:(0,o.C_)((0,r.SU)(S)(e.marker)),style:(0,o.j5)(e.marker.color?{backgroundColor:e.marker.color}:{})},null,6)):(0,a.kq)("",!0),(0,r.SU)(D)(e.value)?((0,a.wg)(),(0,a.iD)("div",{key:3,class:"dp__marker_tooltip",style:(0,o.j5)(c.value)},[(0,a._)("div",{class:"dp__tooltip_content",onClick:u[3]||(u[3]=(0,l.iM)((function(){}),["stop"]))},[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.marker.tooltip,(function(n,r){return(0,a.wg)(),(0,a.iD)("div",{key:r,class:"dp__tooltip_text"},[t.$slots["marker-tooltip"]?(0,a.WI)(t.$slots,"marker-tooltip",{key:0,tooltop:n,day:e.value}):(0,a.kq)("",!0),t.$slots["marker-tooltip"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a._)("div",{class:"dp__tooltip_mark",style:(0,o.j5)(n.color?{backgroundColor:n.color}:{})},null,4),(0,a._)("div",null,(0,o.zw)(n.text),1)],64))])})),128)),bt])],4)):(0,a.kq)("",!0)],2)],40,kt)})),128))])})),128))])):(0,a.kq)("",!0)]})),_:3},8,["name","css"])],34)),e.enableTimePicker?((0,a.wg)(),(0,a.j4)((0,a.LL)(e.timePickerComponent?e.timePickerComponent:rt),(0,a.dG)({key:2},{is24:e.is24,hoursIncrement:e.hoursIncrement,minutesIncrement:e.minutesIncrement,hoursGridIncrement:e.hoursGridIncrement,secondsIncrement:e.secondsIncrement,minutesGridIncrement:e.minutesGridIncrement,secondsGridIncrement:e.secondsGridIncrement,noHoursOverlay:e.noHoursOverlay,noMinutesOverlay:e.noMinutesOverlay,noSecondsOverlay:e.noSecondsOverlay,range:e.range,filters:e.filters,timePicker:e.timePicker,hours:e.hours,minutes:e.minutes,seconds:e.seconds,customProps:e.customProps,twoCalendars:e.twoCalendars,instance:e.instance,enableSeconds:e.enableSeconds},{"onUpdate:hours":u[5]||(u[5]=function(e){return t.$emit("update:hours",e)}),"onUpdate:minutes":u[6]||(u[6]=function(e){return t.$emit("update:minutes",e)}),"onUpdate:seconds":u[7]||(u[7]=function(e){return t.$emit("update:seconds",e)})}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(_),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(n)))]}))}}))]),1040)):(0,a.kq)("",!0)],6)],2)}}});function Dt(e){return Dt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Dt(e)}var Ot=function(e,t){return t},Ct=function(e){return Array.isArray(e)},It=function(e){return Array.isArray(e)},Ut=function(e){return Array.isArray(e)&&2===e.length},xt=function(e){return"string"==typeof e},Nt={class:"dp__selection_preview"},$t={class:"dp__action_buttons"},Pt=["onKeydown"],Mt=(0,a.aZ)({props:{selectText:{type:String,default:"Select"},cancelText:{type:String,default:"Cancel"},internalModelValue:{type:[Date,Array],default:null},range:{type:Boolean,default:!1},previewFormat:{type:[String,Function],default:function(){return""}},inline:{type:Boolean,default:!1},monthPicker:{type:Boolean,default:!1},timePicker:{type:Boolean,default:!1},twoCalendars:{type:Boolean,default:!1},calendarWidth:{type:Number,default:0},menuMount:{type:Boolean,default:!1},customProps:{type:Object,default:null},minTime:{type:Object,default:null},maxTime:{type:Object,default:null},enableTimePicker:{type:Boolean,default:!0}},emits:["closePicker","selectDate"],setup:function(e,t){var n=t.emit,u=e,i=(0,r.Fl)((function(){return{dp__action:!0,dp__select:!0,dp__action_disabled:!s.value}})),s=(0,r.Fl)((function(){return!u.enableTimePicker||Ce(u.internalModelValue,u.maxTime,u.minTime)})),c=(0,r.Fl)((function(){return u.internalModelValue&&u.menuMount?"string"==typeof u.previewFormat?Ct(u.internalModelValue)?2===u.internalModelValue.length&&u.internalModelValue[1]?u.twoCalendars?"".concat(ye(u.internalModelValue[0],u.previewFormat)," - ").concat(ye(u.internalModelValue[1],u.previewFormat)):[ye(u.internalModelValue[0],u.previewFormat),ye(u.internalModelValue[1],u.previewFormat)]:"".concat(ye(u.internalModelValue[0],u.previewFormat)," -"):ye(u.internalModelValue,u.previewFormat):u.timePicker?u.previewFormat(ve(u.internalModelValue)):u.monthPicker?u.previewFormat(fe(u.internalModelValue)):u.previewFormat(u.internalModelValue):""})),d=function(){s.value&&n("selectDate")};return function(t,n){return(0,a.wg)(),(0,a.iD)("div",{class:"dp__action_row",style:(0,o.j5)(e.calendarWidth?{width:"".concat(e.calendarWidth,"px")}:{})},[(0,a._)("div",Nt,[t.$slots["action-preview"]?(0,a.WI)(t.$slots,"action-preview",{key:0,value:e.internalModelValue}):(0,a.kq)("",!0),t.$slots["action-preview"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[Array.isArray((0,r.SU)(c))?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:0},[(0,a.Uk)((0,o.zw)((0,r.SU)(c)),1)],64)),Array.isArray((0,r.SU)(c))?((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a._)("div",null,(0,o.zw)((0,r.SU)(c)[0]),1),(0,a._)("div",null,(0,o.zw)((0,r.SU)(c)[1]),1)],64)):(0,a.kq)("",!0)],64))]),(0,a._)("div",$t,[t.$slots["action-select"]?(0,a.WI)(t.$slots,"action-select",{key:0,value:e.internalModelValue}):(0,a.kq)("",!0),t.$slots["action-select"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[e.inline?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("span",{key:0,class:"dp__action dp__cancel",tabindex:"0",onClick:n[0]||(n[0]=function(e){return t.$emit("closePicker")}),onKeydown:n[1]||(n[1]=(0,l.D2)((function(e){return t.$emit("closePicker")}),["enter"]))},(0,o.zw)(e.cancelText),33)),(0,a._)("span",{class:(0,o.C_)((0,r.SU)(i)),tabindex:"0",onKeydown:(0,l.D2)(d,["enter"]),onClick:d},(0,o.zw)(e.selectText),43,Pt)],64))])],4)}}});function Tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Bt(e){for(var t=1;t0&&void 0!==arguments[0])||arguments[0];return e.enableSeconds?Array.isArray(m.value)?t?m.value[0]:m.value[1]:m.value:0},w=function(){var t;e.startTime&&(t=e.startTime,Array.isArray(t)?(c.value=[+e.startTime[0].hours,+e.startTime[1].hours],d.value=[+e.startTime[0].minutes,+e.startTime[1].minutes],e.enableSeconds&&(m.value=[+e.startTime[0].seconds,+e.startTime[1].seconds])):(c.value=+e.startTime.hours,d.value=+e.startTime.minutes,e.enableSeconds&&(m.value=+e.startTime.seconds)))},h=(0,r.Fl)({get:function(){return e.internalModelValue},set:function(e){t("update:internalModelValue",e)}});(0,a.YP)(h,(function(){return O()}));var b=function(t){var n=!!e.maxDate&&we(re(t),re(new Date(e.maxDate))),a=!!e.minDate&&he(re(t),re(new Date(e.minDate))),r="function"==typeof e.disabledDates?e.disabledDates(t):e.disabledDates.some((function(e){return _e(re(new Date(e)),re(t))})),o=(e.filters.months.length?e.filters.months.map((function(e){return+e})):[]).includes((0,v.Z)(t)),l=!!e.disabledWeekDays.length&&e.disabledWeekDays.some((function(e){return+e===(0,P.Z)(t)})),u=!!e.allowedDates.length&&!e.allowedDates.some((function(e){return _e(re(new Date(e)),re(t))})),i=(0,y.Z)(t),s=i<+e.yearRange[0]||i>+e.yearRange[1];return n||a||r||o||s||l||u},S=function(t){return!!h.value&&!(e.hideOffsetDates&&!t.current)&&!e.range&&_e(t.value,h.value?h.value:n.value)},D=function(e){l.value=(0,v.Z)(e),u.value=(0,y.Z)(e)},O=function(){h.value?Ct(h.value)?(2===h.value.length&&(D(h.value[0]),c.value=[(0,_.Z)(h.value[0]),h.value[1]?(0,_.Z)(h.value[1]):(0,_.Z)(new Date)],d.value=[(0,g.Z)(h.value[0]),h.value[1]?(0,g.Z)(h.value[1]):(0,g.Z)(new Date)],m.value=[(0,k.Z)(h.value[0]),h.value[1]?(0,k.Z)(h.value[1]):(0,k.Z)(new Date)]),e.twoCalendars&&I()):(D(h.value),c.value=(0,_.Z)(h.value),d.value=(0,g.Z)(h.value),m.value=(0,k.Z)(h.value)):e.timePicker?(w(),e.range?It(c.value)&&It(d.value)&&(h.value=[ie(new Date,c.value[0],d.value[0],p()),ie(new Date,c.value[1],d.value[1],p(!1))]):h.value=ie(new Date,c.value,d.value,p())):e.monthPicker&&(h.value=ce(new Date,l.value,u.value))},C=function(e){var t=(0,v.Z)(new Date(e)),n=(0,y.Z)(new Date(e)),a=se(new Date(e));l.value=t,u.value=n,i.value=a.month,s.value=a.year},I=function(){if(Array.isArray(h.value)&&2===h.value.length){var t=new Date(h.value[1]?h.value[1]:(0,f.Z)(h.value[0],1));if(i.value===l.value&&s.value===u.value||!e.twoCalendarsSolo){var n=Se(l.value,u.value);i.value=n.month,s.value=n.year}else(0,v.Z)(h.value[0])!==(0,v.Z)(h.value[1])&&(i.value=(0,v.Z)(t),s.value=(0,y.Z)(t))}},U=function(t,n){if(!e.twoCalendarsSolo){var a=be(t,n);l.value=a.month,u.value=a.year}},x=function(t,n){if(!e.twoCalendarsSolo){var a=Se(t,n);i.value=a.month,s.value=a.year}},$=function(t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];arguments.length>1&&void 0!==arguments[1]&&!arguments[1]?n?(U(i.value,t),s.value=t):(x(l.value,t),u.value=t):n?(U(t,s.value),i.value=t):(x(t,u.value),l.value=t),e.monthPicker&&(h.value?h.value=ce(h.value,l.value,u.value):h.value=ce(new Date,l.value,u.value))},T=function(n){Ct(n)&&Ct(h.value)&&It(c.value)&&It(d.value)?(n[0]&&h.value[0]&&(h.value[0]=ie(n[0],c.value[0],d.value[0],p())),n[1]&&h.value[1]&&(h.value[1]=ie(n[1],c.value[1],d.value[1],p(!1)))):e.range||Ut(n)||(h.value=ie(n,c.value,d.value,p())),t("timeUpdate")},B=function(t){return!(Ot(h.value,e.range)&&h.value[0]&&o.value)||(t?we(o.value,h.value[0]):he(o.value,h.value[0]))},A=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return e.range&&Ut(h.value)?!(e.hideOffsetDates&&!t.current)&&_e(new Date(t.value),h.value[n?0:1]):!!e.range&&(_e(new Date(t.value),h.value&&Array.isArray(h.value)?n?h.value[0]||null:h.value[1]:null)&&(!n||!he(o.value||null,Array.isArray(h.value)?h.value[0]:null))||_e(t.value,Array.isArray(h.value)?h.value[0]:null)&&B(n))},j=function(e,t){var n=t?[i.value,s.value]:[l.value,u.value],a=e<0?Se.apply(void 0,n):be.apply(void 0,n);$(a.month,!0,t),$(a.year,!1,t)};return{today:n,hours:c,month:l,year:u,monthNext:i,yearNext:s,minutes:d,seconds:m,monthYearSelect:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0];e.autoApply&&e.monthPicker&&t("autoApply",n)},isDisabled:b,updateTime:function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];n?c.value=t:n||a?a&&(m.value=t):d.value=t,h.value?T(h.value):e.timePicker&&T(e.range?[new Date,new Date]:new Date)},setHoverDate:function(t){!t.current&&e.hideOffsetDates||(o.value=t.value)},getWeekNum:function(e){var t=e.find((function(e){return e.current}));return t?(0,M.Z)(t.value):""},selectDate:function(n){var a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!b(n.value)&&(n.current||!e.hideOffsetDates))if(e.range||It(c.value)||It(d.value)){if(It(c.value)&&It(d.value)){var r=h.value?h.value.slice():[];2===r.length&&(r=[]),e.autoRange?(a&&C(n.value),r=[new Date(n.value),(0,N.Z)(new Date(n.value),+e.autoRange)]):r[0]?he(new Date(n.value),new Date(r[0]))?r.unshift(new Date(n.value)):r[1]=new Date(n.value):r[0]=new Date(n.value),r[0]&&!r[1]?r[0]=ie(r[0],c.value[0],d.value[0],p()):(r[0]=ie(r[0],c.value[0],d.value[0],p()),r[1]=ie(r[1],c.value[1],d.value[1],p(!1))),h.value=r,r[0]&&r[1]&&e.autoApply&&t("autoApply")}}else h.value=ie(new Date(n.value),c.value,d.value,p()),e.autoApply&&t("autoApply")},rangeActive:function(e){return Ct(h.value)&&h.value[0]&&h.value[1]?we(e.value,h.value[0])&&he(e.value,h.value[1]):!!(Ct(h.value)&&h.value[0]&&o.value)&&(we(e.value,h.value[0])&&he(e.value,o.value)||he(e.value,h.value[0])&&we(e.value,o.value))},isActiveDate:S,updateMonthYear:$,isHoverRangeEnd:function(t){if(e.autoRange){if(o.value){if(e.hideOffsetDates&&!t.current)return!1;var n=(0,N.Z)(o.value,+e.autoRange);return _e(n,new Date(t.value))}return!1}return!1},isAutoRangeInBetween:function(t){if(e.autoRange){if(o.value){var n=(0,N.Z)(o.value,+e.autoRange);return!(e.hideOffsetDates&&!t.current)&&we(t.value,o.value)&&he(t.value,n)}return!1}return!1},isAutoRangeStart:function(t){return!!e.autoRange&&!!o.value&&!(e.hideOffsetDates&&!t.current)&&_e(o.value,t.value)},clearHoverDate:function(){o.value=null},rangeActiveStartEnd:A,handleScroll:function(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e.monthChangeOnScroll&&j("inverse"===e.monthChangeOnScroll?-t.deltaY:t.deltaY,n)},getMarker:function(t){return e.markers.find((function(e){return _e(re(new Date(t.value)),re(new Date(e.date)))}))},handleArrow:function(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e.monthChangeOnArrows&&j("right"===t?-1:1,n)},selectCurrentDate:function(){e.range?Ot(h.value,e.range)&&(h.value&&h.value[0]?h.value=he(new Date,h.value[0])?[new Date,h.value[0]]:[h.value[0],new Date]:h.value=[new Date]):t("update:internalModelValue",new Date),e.autoApply&&t("selectDate")},isHoverDate:function(t,n){return!(Array.isArray(e.internalModelValue)&&e.internalModelValue.length||t||S(n)||!n.current&&e.hideOffsetDates||e.range&&(A(n)||A(n,!1)))},isHoverDateStartEnd:function(t,n,a){return!(!Array.isArray(e.internalModelValue)||!e.internalModelValue[0]||1!==e.internalModelValue.length)&&!t&&(a?we(e.internalModelValue[0],n.value):he(e.internalModelValue[0],n.value))}}}(u,n),w=p.updateTime,h=p.updateMonthYear,b=p.today,S=p.month,D=p.year,O=p.monthNext,C=p.yearNext,I=p.hours,U=p.minutes,x=p.seconds,$=p.isDisabled,B=p.isActiveDate,A=p.selectDate,j=p.getWeekNum,q=p.setHoverDate,Z=p.isHoverRangeEnd,H=p.isAutoRangeInBetween,V=p.isAutoRangeStart,F=p.rangeActive,W=p.clearHoverDate,Y=p.rangeActiveStartEnd,G=p.monthYearSelect,K=p.handleScroll,R=p.handleArrow,z=p.getMarker,E=p.selectCurrentDate,L=p.isHoverDateStartEnd,J=p.isHoverDate,X=et(i,"calendar"),Q=et(i,"action"),ee=(0,r.Fl)((function(){return u.openOnTop?"dp__arrow_bottom":"dp__arrow_top"})),te=(0,r.Fl)((function(){return function(e){for(var t=[],n=+e[0];n<=+e[1];n++)t.push({value:+n,text:"".concat(n)});return t}(u.yearRange)})),ne=(0,r.Fl)((function(){return e=u.locale,t=u.monthNameFormat,n=new Intl.DateTimeFormat(e,{month:t,timeZone:"UTC"}),[1,2,3,4,5,6,7,8,9,10,11,12].map((function(e){var t=e<10?"0".concat(e):e;return new Date("2017-".concat(t,"-01T00:00:00+00:00"))})).map((function(e,t){return{text:n.format(e),value:t}}));var e,t,n})),ae=(0,r.Fl)((function(){return Ue(S.value,D.value,+u.weekStart,u.hideOffsetDates)})),oe=(0,r.Fl)((function(){return Ue(O.value,C.value,+u.weekStart,u.hideOffsetDates)})),le=(0,r.Fl)((function(){return u.twoCalendars&&u.range?[1,2]:[1]})),ue=(0,r.Fl)((function(){return function(e){return 1===e}})),de=(0,r.Fl)((function(){return u.monthPicker||u.timePicker})),me=(0,r.Fl)((function(){return{dp__calendar_wrapper:!0,dp__flex_display:u.twoCalendars}})),pe=(0,r.Fl)((function(){return ge(ae)})),fe=(0,r.Fl)((function(){return ge(oe)})),ve=(0,r.Fl)((function(){return{locale:u.locale,weekNumName:u.weekNumName,weekStart:u.weekStart,weekNumbers:u.weekNumbers,enableTimePicker:u.enableTimePicker,disableMonthYearSelect:u.disableMonthYearSelect,is24:u.is24,hoursIncrement:u.hoursIncrement,minutesIncrement:u.minutesIncrement,secondsIncrement:u.secondsIncrement,hoursGridIncrement:u.hoursGridIncrement,minutesGridIncrement:u.minutesGridIncrement,secondsGridIncrement:u.secondsGridIncrement,monthPicker:u.monthPicker,timePicker:u.timePicker,range:u.range,filters:u.filters,minTime:u.minTime,maxTime:u.maxTime,customProps:u.customProps,hours:I.value,minutes:U.value,seconds:x.value,calendarClassName:u.calendarClassName,specificMode:de.value,getWeekNum:j,twoCalendars:u.twoCalendars,months:ne.value,years:te.value,noHoursOverlay:u.noHoursOverlay,noMinutesOverlay:u.noMinutesOverlay,noSecondsOverlay:u.noSecondsOverlay,twoCalendarsSolo:u.twoCalendarsSolo,modeHeight:u.modeHeight,enableSeconds:u.enableSeconds}})),ye=(0,r.Fl)((function(){var e;return T(e={dp__menu:!0},u.menuClassName,!!u.menuClassName),T(e,"dp__relative",u.inline),e})),ge=function(e){return e.value.map((function(e){return Bt(Bt({},e),{},{days:e.days.map((function(e){var t=$(e.value),n=J(t,e);return e.marker=z(e),e.classData=T({dp__cell_offset:!e.current,dp__pointer:!(t||!e.current&&u.hideOffsetDates),dp__active_date:!u.range&&B(e),dp__date_hover:n,dp__date_hover_start:L(n,e,!0),dp__date_hover_end:L(n,e,!1),dp__range_between:!(!u.range||u.twoCalendars&&!e.current||t||!e.current&&u.hideOffsetDates||B(e))&&F(e),dp__today:!u.noToday&&_e(e.value,b.value),dp__cell_disabled:t,dp__cell_auto_range:H(e),dp__cell_auto_range_start:V(e),dp__cell_auto_range_end:Z(e),dp__range_start:u.twoCalendars?e.current&&Y(e):Y(e),dp__range_end:u.twoCalendars?e.current&&Y(e,!1):Y(e,!1)},u.calendarCellClassName,!!u.calendarCellClassName),e}))})}))},ke=function(e){e.stopImmediatePropagation()},De=function(){u.escClose&&n("closePicker")},Oe=function(e){e.stopImmediatePropagation(),e.preventDefault(),u.spaceConfirm&&n("selectDate")};return function(t,n){return(0,a.wg)(),(0,a.iD)("div",{id:e.uid?"dp-menu-".concat(e.uid):null,tabindex:"0",ref_key:"dpMenuRef",ref:c,role:"dialog","aria-label":"Datepicker menu",class:(0,o.C_)((0,r.SU)(ye)),onMouseleave:n[7]||(n[7]=function(){return(0,r.SU)(W)&&(0,r.SU)(W).apply(void 0,arguments)}),onClick:ke,onKeydown:[(0,l.D2)(De,["esc"]),(0,l.D2)(Oe,["space"]),n[8]||(n[8]=(0,l.D2)((function(e){return(0,r.SU)(R)("left",!1)}),["left"])),n[9]||(n[9]=(0,l.D2)((function(e){return(0,r.SU)(R)("right",!1)}),["right"]))]},[e.inline?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",{key:0,class:(0,o.C_)((0,r.SU)(ee))},null,2)),(0,a._)("div",{class:(0,o.C_)((0,r.SU)(me)),ref_key:"calendarWrapperRef",ref:s,role:"document"},[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)((0,r.SU)(le),(function(l){return(0,a.wg)(),(0,a.j4)(St,(0,a.dG)((0,r.SU)(ve),{key:l,instance:l,"mapped-dates":(0,r.SU)(ue)(l)?(0,r.SU)(pe):(0,r.SU)(fe),month:(0,r.SU)(ue)(l)?(0,r.SU)(S):(0,r.SU)(O),year:(0,r.SU)(ue)(l)?(0,r.SU)(D):(0,r.SU)(C),"month-year-component":e.monthYearComponent,"time-picker-component":e.timePickerComponent,"onUpdate:hours":n[0]||(n[0]=function(e){return(0,r.SU)(w)(e)}),"onUpdate:minutes":n[1]||(n[1]=function(e){return(0,r.SU)(w)(e,!1)}),"onUpdate:seconds":n[2]||(n[2]=function(e){return(0,r.SU)(w)(e,!1,!0)}),"onUpdate:month":function(e){return(0,r.SU)(h)(e,!0,!(0,r.SU)(ue)(l))},"onUpdate:year":function(e){return(0,r.SU)(h)(e,!1,!(0,r.SU)(ue)(l))},onMonthYearSelect:(0,r.SU)(G),onSelectDate:function(e){return(0,r.SU)(A)(e,!(0,r.SU)(ue)(l))},onSetHoverDate:n[3]||(n[3]=function(e){return(0,r.SU)(q)(e)}),onHandleScroll:function(e){return(0,r.SU)(K)(e,!(0,r.SU)(ue)(l))}}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(X),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(Bt({},n))))]}))}}))]),1040,["instance","mapped-dates","month","year","month-year-component","time-picker-component","onUpdate:month","onUpdate:year","onMonthYearSelect","onSelectDate","onHandleScroll"])})),128))],2),e.showNowButton?((0,a.wg)(),(0,a.iD)("div",Zt,[t.$slots["now-button"]?(0,a.WI)(t.$slots,"now-button",{key:0,selectCurrentDate:(0,r.SU)(E)}):(0,a.kq)("",!0),t.$slots["now-button"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("button",{key:1,type:"button",role:"button",class:"dp__now_button",onClick:n[4]||(n[4]=function(){return(0,r.SU)(E)&&(0,r.SU)(E).apply(void 0,arguments)})},(0,o.zw)(e.nowButtonLabel),1))])):(0,a.kq)("",!0),e.autoApply?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,a.LL)(e.actionRowComponent?e.actionRowComponent:Mt),(0,a.dG)({key:2},{calendarWidth:d.value,selectText:e.selectText,cancelText:e.cancelText,internalModelValue:e.internalModelValue,range:e.range,previewFormat:e.previewFormat,inline:e.inline,monthPicker:e.monthPicker,timePicker:e.timePicker,customProps:e.customProps,twoCalendars:e.twoCalendars,menuMount:m.value,maxTime:e.maxTime,minTime:e.minTime,enableTimePicker:e.enableTimePicker},{onClosePicker:n[5]||(n[5]=function(e){return t.$emit("closePicker")}),onSelectDate:n[6]||(n[6]=function(e){return t.$emit("selectDate")})}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(Q),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(Bt({},n))))]}))}}))]),1040))],42,qt)}}});(jt=At||(At={})).center="center",jt.left="left",jt.right="right";var Vt="undefined"!=typeof window?window:void 0,Ft=function(){},Wt=function(e,t,n,o){if(!e)return Ft;var l,u=Ft,i=(0,a.YP)((function(){return(0,r.SU)(e)}),(function(e){u(),e&&(e.addEventListener(t,n,o),u=function(){e.removeEventListener(t,n,o),u=Ft})}),{immediate:!0,flush:"post"}),s=function(){i(),u()};return l=s,(0,r.nZ)()&&(0,r.EB)(l),s};function Yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Gt(e){for(var t=1;t0&&void 0!==arguments[0])||arguments[0],r=Ne(a);if(r){var l=r.getBoundingClientRect(),s=l.left,d=l.width,m=l.height,p=(t?i(r):u(r)).top,f={top:"".concat(m+p+10,"px"),left:"",transform:"none"};e===At.left&&(f.left="".concat(s,"px")),e===At.right&&(f.left="".concat(s+d,"px"),f.transform="translateX(-100%)"),e===At.center&&(f.left="".concat(s+d/2,"px"),f.transform="translateX(-50%)"),o.value=f,n&&c()}},c=function(){var e=Ne(a);if(e){var r=e.getBoundingClientRect(),c=r.height,d=r.top,m=(t?i(e):u(e)).top,p=window.innerHeight-d-c,f=Ne(n);if(f){var v=f.getBoundingClientRect().height,y=v+c;y>d&&y>p?dp?(o.value.top="".concat(m-v-10,"px"),l.value=!0):(s(!1),l.value=!1)}}};return{openOnTop:l,menuPosition:o,setMenuPosition:s,recalculatePosition:c}}(u.position,u.altPosition,d,m),y=v.openOnTop,w=v.menuPosition,h=v.setMenuPosition,b=v.recalculatePosition,S=function(e,t,n,o,l,u,i,s,c){var d=(0,r.iH)(""),m=(0,r.iH)();(0,a.YP)(m,(function(){c("internalModelChange",m.value)}));var p=function(){if(m.value)if(e&&"string"!=typeof e)d.value=e(t?ve(m.value):n?fe(m.value):m.value);else{var a=me(e,u,s,n,t,i);d.value=ye(m.value,a)}else d.value=""};return{parseExternalModelValue:function(e){var a=null;e?t?function(e){return Array.isArray(e)&&2===e.length}(e)&&"hours"in e[0]&&"minutes"in e[0]?a=[ie(null,+e[0].hours,+e[0].minutes,+e[0].seconds),ie(null,+e[1].hours,+e[1].minutes,+e[0].seconds)]:function(e){return"object"===Dt(e)}(e)&&(a=ie(null,+e.hours,+e.minutes,+e.seconds)):n?function(e){return"object"===Dt(e)}(e)&&"month"in e&&"year"in e&&(a=ce(null,+e.month,+e.year)):o?function(e,t){return t?Array.isArray(e):Ut(e)}(e,l)&&(a=[new Date(e[0]),e[1]?new Date(e[1]):null]):function(e){return"string"==typeof e||"object"===Dt(e)}(e)&&(a=new Date(e)):a=null,ue(a)?(m.value=a,p()):(m.value=null,d.value="")},formatInputValue:p,internalModelValue:m,inputValue:d,emitModelValue:function(){n?c("update:modelValue",fe(m.value)):t?c("update:modelValue",ve(m.value)):(o&&l&&1===m.value.length&&m.value.push(null),c("update:modelValue",m.value)),p()},checkBeforeEmit:function(){return!!m.value&&(o?l?m.value.length>=1:2===m.value.length:!!m.value)}}}(u.format,u.timePicker,u.monthPicker,u.range,u.partialRange,u.is24,u.enableTimePicker,u.enableSeconds,l),D=S.internalModelValue,O=S.inputValue,C=S.parseExternalModelValue,I=S.emitModelValue,U=S.checkBeforeEmit,x=(0,r.Fl)((function(){return{dp__main:!0,dp__theme_dark:u.dark,dp__theme_light:!u.dark,dp__flex_display:u.inline}})),N=(0,r.Fl)((function(){return xt(u.format)?u.format:me(null,u.is24,u.enableSeconds,u.monthPicker,u.timePicker,u.enableTimePicker)})),$=(0,r.Fl)((function(){return u.previewFormat?u.previewFormat:xt(N.value)?N.value:u.format})),P=(0,r.Fl)((function(){return"boolean"==typeof u.transitions?!!u.transitions&&$e({}):$e(u.transitions)}));(0,a.JJ)("transitions",P);var M=(0,r.Fl)((function(){return u.dark?"dp__theme_dark":"dp__theme_light"})),T=(0,r.Fl)((function(){return Object.assign({enterSubmit:!0,tabSubmit:!0,openMenu:!0,rangeSeparator:"-"},u.textInputOptions)})),B=(0,r.Fl)((function(){return e=u.filters,Object.assign({months:[],years:[],times:{hours:[],minutes:[],seconds:[]}},e);var e})),A=(0,r.Fl)((function(){var e=function(e){var t={hours:(0,_.Z)(new Date),minutes:(0,g.Z)(new Date),seconds:(0,k.Z)(new Date)};return Object.assign(t,e)};return u.range?u.startTime&&Array.isArray(u.startTime)?[e(u.startTime[0]),e(u.startTime[1])]:null:u.startTime&&!Array.isArray(u.startTime)?e(u.startTime):null})),j=function e(){s.value&&(u.closeOnScroll?Y():u.autoPosition?h():window.removeEventListener("scroll",e))},q=function(){s.value&&h()},Z=function(){u.disabled||u.readonly||(h(),s.value=!s.value,s.value||W(),s.value&&(l("open"),l("focus")),C(u.modelValue))},H=function(){O.value="",W(),l("update:modelValue",null),l("cleared"),Y()},V=function(){U()&&(I(),Y())},F=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(u.autoApply){var t=!u.enableTimePicker||Ce(D.value,u.maxTime,u.minTime);t&&(I(),u.closeOnAutoApply&&!e&&Y())}},W=function(){D.value=null},Y=function(){u.inline||(s.value&&(s.value=!1,l("closed"),l("blur")),W(),m.value&&m.value.unFocus())},G=function(e,t){e?(D.value=e,t&&(V(),l("textSubmit"))):D.value=null},K=function(){u.autoApply&&Ce(D.value,u.maxTime,u.minTime)&&I()};return function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},r=a.window,o=void 0===r?Vt:r,l=a.event,u=void 0===l?"pointerdown":l;if(o){var i=function(a){var r=Ne(e),o=Ne(t);r&&o&&(r===a.target||a.composedPath().includes(r)||a.composedPath().includes(o)||n(a))};Wt(o,u,i,{passive:!0})}}(d,m,Y),n({closeMenu:Y,selectDate:V,clearValue:H,openMenu:Z,onScroll:j}),function(t,n){return(0,a.wg)(),(0,a.iD)("div",{class:(0,o.C_)((0,r.SU)(x))},[(0,a.Wm)(Ae,(0,a.dG)({ref_key:"inputRef",ref:m},{placeholder:e.placeholder,hideInputIcon:e.hideInputIcon,readonly:e.readonly,disabled:e.disabled,inputClassName:e.inputClassName,clearable:e.clearable,state:e.state,inline:e.inline,textInput:e.textInput,textInputOptions:(0,r.SU)(T),range:e.range,isMenuOpen:s.value,pattern:(0,r.SU)(N),autoApply:e.autoApply,uid:e.uid,openMenuOnFocus:e.openMenuOnFocus},{"input-value":(0,r.SU)(O),"onUpdate:input-value":n[0]||(n[0]=function(e){return(0,r.dq)(O)?O.value=e:null}),onClear:H,onOpen:Z,onSetInputDate:G,onSetEmptyDate:(0,r.SU)(I),onSelectDate:V,onClose:Y}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(f),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(n)))]}))}}))]),1040,["input-value","onSetEmptyDate"]),s.value?((0,a.wg)(),(0,a.j4)(a.lR,{key:0,to:e.teleport,disabled:e.inline},[s.value?((0,a.wg)(),(0,a.j4)(Ht,(0,a.dG)({key:0,ref_key:"dpMenuRef",ref:d,class:(0,r.SU)(M),style:(0,r.SU)(w)},{weekNumbers:e.weekNumbers,weekStart:e.weekStart,disableMonthYearSelect:e.disableMonthYearSelect,menuClassName:e.menuClassName,calendarClassName:e.calendarClassName,yearRange:e.yearRange,range:e.range,twoCalendars:e.twoCalendars,calendarCellClassName:e.calendarCellClassName,enableTimePicker:e.enableTimePicker,is24:e.is24,hoursIncrement:e.hoursIncrement,minutesIncrement:e.minutesIncrement,hoursGridIncrement:e.hoursGridIncrement,minutesGridIncrement:e.minutesGridIncrement,minDate:e.minDate,maxDate:e.maxDate,autoApply:e.autoApply,selectText:e.selectText,cancelText:e.cancelText,previewFormat:(0,r.SU)($),locale:e.locale,weekNumName:e.weekNumName,disabledDates:e.disabledDates,filters:(0,r.SU)(B),minTime:e.minTime,maxTime:e.maxTime,inline:e.inline,openOnTop:(0,r.SU)(y),monthPicker:e.monthPicker,timePicker:e.timePicker,monthNameFormat:e.monthNameFormat,startDate:e.startDate,startTime:(0,r.SU)(A),monthYearComponent:e.monthYearComponent,timePickerComponent:e.timePickerComponent,actionRowComponent:e.actionRowComponent,customProps:e.customProps,hideOffsetDates:e.hideOffsetDates,autoRange:e.autoRange,noToday:e.noToday,noHoursOverlay:e.noHoursOverlay,noMinutesOverlay:e.noMinutesOverlay,twoCalendarsSolo:e.twoCalendarsSolo,disabledWeekDays:e.disabledWeekDays,allowedDates:e.allowedDates,showNowButton:e.showNowButton,nowButtonLabel:e.nowButtonLabel,monthChangeOnScroll:e.monthChangeOnScroll,markers:e.markers,uid:e.uid,modeHeight:e.modeHeight,enableSeconds:e.enableSeconds,secondsIncrement:e.secondsIncrement,secondsGridIncrement:e.secondsGridIncrement,noSecondsOverlay:e.noSecondsOverlay,escClose:e.escClose,spaceConfirm:e.spaceConfirm,monthChangeOnArrows:e.monthChangeOnArrows,textInput:e.textInput},{internalModelValue:(0,r.SU)(D),"onUpdate:internalModelValue":n[1]||(n[1]=function(e){return(0,r.dq)(D)?D.value=e:null}),onClosePicker:Y,onSelectDate:V,onDpOpen:(0,r.SU)(b),onAutoApply:F,onTimeUpdate:K}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(p),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(Gt({},n))))]}))}}))]),1040,["class","style","internalModelValue","onDpOpen"])):(0,a.kq)("",!0)],8,["to","disabled"])):(0,a.kq)("",!0)],2)}}}),Rt=function(){var e=Kt;return e.install=function(t){t.component("Vue3DatePicker",e)},e}()}}]);
\ No newline at end of file
diff --git a/docs/assets/js/317.e76580d7.js b/docs/assets/js/317.e76580d7.js
deleted file mode 100644
index 730813f..0000000
--- a/docs/assets/js/317.e76580d7.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkvue3_date_time_picker_documentation=self.webpackChunkvue3_date_time_picker_documentation||[]).push([[317],{8680:(e,t,n)=>{n.d(t,{Z:()=>Rt});var a=n(6252),r=n(2262),o=n(3577),l=n(9963),u=n(5853),i=n(2274),s=n(1381),c=n(7042),d=n(4543),m=n(9880),p=n(4627),f=n(1640),v=n(8966),y=n(5570),w=n(2225),h=n(4749),_=n(5817),g=n(9159),k=n(7881),b=n(9546),S=n(2699),D=n(313),O=n(6843),C=n(9422),I=n(2311),U=n(2085),x=n(4559),N=n(7349),$=n(584),P=n(466),M=n(9827);function T(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n=l.getTime())&&(!r[1]||r[1].getTime()>=l.getTime()):r.getTime()>=l.getTime()}return a};function Ie(e){return function(e){if(Array.isArray(e))return B(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||A(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Ue=function(e,t,n,a){var r=[],o=new Date(t,e),l=new Date(t,e+1,0);return function t(n){var o=function(e,t,n){for(var a=new Date(JSON.parse(JSON.stringify(e))),r=[],o=0;o<7;o++){var l=(0,N.Z)(a,o),u=(0,v.Z)(l)!==t;r.push({text:n&&u?"":l.getDate(),value:l,current:!u})}return r}(n,e,a);r.push({days:o}),r[r.length-1].days.some((function(e){return _e(le(e.value),le(l))}))||t((0,N.Z)(n,7))}((0,$.Z)(o,{weekStartsOn:n})),r},xe=function(e){return function(t){for(var n="",a="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",r=a.length,o=0;o<5;o++)n+=a.charAt(Math.floor(Math.random()*r));return n+e}()},Ne=function(e){var t,n=(0,r.SU)(e);return null!==(t=null==n?void 0:n.$el)&&void 0!==t?t:n},$e=function(e){return Object.assign({open:"dp-open",close:"dp-close",next:"calendar-next",previous:"calendar-prev"},e)},Pe=["aria-disabled","aria-readonly"],Me={key:2,class:"dp__input_wrap"},Te=["id","placeholder","disabled","readonly","value","onKeydown"],Be={key:2,class:"dp__clear_icon"},Ae=(0,a.aZ)({props:{inputValue:{type:String,default:""},placeholder:{type:String,default:""},hideInputIcon:{type:Boolean,default:!1},disabled:{type:Boolean,default:!0},readonly:{type:Boolean,default:!0},clearable:{type:Boolean,default:!0},range:{type:Boolean,default:!1},state:{type:Boolean,default:null},inputClassName:{type:String,default:null},inline:{type:Boolean,default:!1},textInput:{type:Boolean,default:!1},textInputOptions:{type:Object,default:function(){return null}},isMenuOpen:{type:Boolean,default:!1},autoApply:{type:Boolean,default:!1},pattern:{type:String,default:""},uid:{type:String,default:null},openMenuOnFocus:{type:Boolean,default:!0}},emits:["clear","open","update:inputValue","setInputDate","close","selectDate","setEmptyDate"],setup:function(e,t){var n=t.expose,u=t.emit,i=e,s=(0,r.iH)(),c=(0,r.iH)(null),d=(0,r.iH)(!1),m=(0,a.Rr)(),p=(0,r.Fl)((function(){return T({dp__pointer:!i.disabled&&!i.readonly&&!i.textInput,dp__disabled:i.disabled,dp__input:!0,dp__input_icon_pad:!i.hideInputIcon,dp__input_valid:i.state,dp__input_invalid:!1===i.state,dp__input_focus:d.value||i.isMenuOpen},i.inputClassName,!!i.inputClassName)})),f=function(e){var t=e.target.value,n=i.textInputOptions,a=n.format,r=n.rangeSeparator;if(""!==t){if(i.range){var o=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o=[],l=!0,u=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(o.push(a.value),2!==o.length);l=!0);}catch(e){u=!0,r=e}finally{try{l||null==n.return||n.return()}finally{if(u)throw r}}return o}}(e)||A(e,2)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(t.split("".concat(r))),l=o[0],c=o[1];if(l&&c){var d=oe(l.trim(),a||i.pattern),m=oe(c.trim(),a||i.pattern);s.value=d&&m?[d,m]:null}}else s.value=oe(t,a||i.pattern);u("setInputDate",s.value)}else u("setInputDate",null),i.autoApply&&(u("setEmptyDate"),s.value=null);u("update:inputValue",t)},v=function(){var e,t;null!==(e=i.textInputOptions)&&void 0!==e&&e.enterSubmit&&ue(s.value)&&""!==i.inputValue?(u("setInputDate",s.value,!0),s.value=null):null!==(t=i.textInputOptions)&&void 0!==t&&t.enterSubmit&&""===i.inputValue&&(s.value=null,u("clear"))},y=function(){var e,t;null!==(e=i.textInputOptions)&&void 0!==e&&e.tabSubmit&&ue(s.value)&&""!==i.inputValue?(u("setInputDate",s.value,!0),s.value=null):null!==(t=i.textInputOptions)&&void 0!==t&&t.tabSubmit&&""===i.inputValue&&(s.value=null,u("clear")),u("close")},w=function(){d.value=!0,i.openMenuOnFocus&&!i.isMenuOpen?u("open"):i.isMenuOpen&&(b(),u("close"))},h=function(){var e;(!i.openMenuOnFocus||m["dp-input"]||m.trigger)&&(i.textInput&&null!==(e=i.textInputOptions)&&void 0!==e&&e.openMenu&&!i.isMenuOpen?u("open"):i.textInput||u("open"))},_=function(){d.value=!1,i.autoApply&&i.textInput&&s.value&&(u("setInputDate",s.value),u("selectDate"),s.value=null)},g=function(e){e.stopImmediatePropagation()},k=function(){u("clear")},b=function(){d.value=!1;var e=Ne(c);e&&e.blur()};return n({unFocus:b}),function(t,n){return(0,a.wg)(),(0,a.iD)("div",{onClick:h,"aria-label":"Datepicker input",role:"textbox","aria-multiline":"false","aria-disabled":e.disabled,"aria-readonly":e.readonly},[!t.$slots.trigger||t.$slots["dp-input"]||e.inline?(0,a.kq)("",!0):(0,a.WI)(t.$slots,"trigger",{key:0}),!t.$slots["dp-input"]||t.$slots.trigger||e.inline?(0,a.kq)("",!0):(0,a.WI)(t.$slots,"dp-input",{key:1,value:e.inputValue,onInput:f,onEnter:v,onTab:y}),t.$slots.trigger||t.$slots["dp-input"]||e.inline?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",Me,[(0,a._)("input",{ref:function(e,t){t.inputRef=e,c.value=e},id:e.uid?"dp-input-".concat(e.uid):null,class:(0,o.C_)((0,r.SU)(p)),placeholder:e.placeholder,disabled:e.disabled,readonly:!e.textInput,value:e.inputValue,onInput:f,onKeydown:[(0,l.D2)(v,["enter"]),(0,l.D2)(y,["tab"])],onBlur:_,onFocus:w},null,42,Te),t.$slots["input-icon"]&&!e.hideInputIcon?((0,a.wg)(),(0,a.iD)("span",{key:0,class:"dp__input_icon",onClick:g},[(0,a.WI)(t.$slots,"input-icon")])):(0,a.kq)("",!0),t.$slots["input-icon"]||e.hideInputIcon?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(Z),{key:1,class:"dp__input_icon dp__input_icons",onClick:g})),t.$slots["clear-icon"]&&e.clearable&&!e.disabled&&!e.readonly?((0,a.wg)(),(0,a.iD)("span",Be,[(0,a.WI)(t.$slots,"clear-icon",{clear:k})])):(0,a.kq)("",!0),!e.clearable||t.$slots["clear-icon"]||!e.inputValue||e.disabled||e.readonly?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(F),{key:3,class:"dp__clear_icon dp__input_icons",onClick:(0,l.iM)(k,["stop","prevent"])},null,8,["onClick"]))]))],8,Pe)}}});function je(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function qe(e){for(var t=1;t+u.maxValue,n=!!u.minValue&&+e<+u.minValue;return t||n},w=function(){var e=Ne(s);if(e){var t=Ne(c);t&&(t.scrollTop=e.offsetTop-t.offsetTop-(t.getBoundingClientRect().height/2-e.getBoundingClientRect().height))}},h=function(e){u.disabledValues.some((function(t){return t===e}))||u.minValue&&!(+u.minValue<=e)||u.maxValue&&!(+u.maxValue>=e)||(n("update:modelValue",e),n("selected"))};return function(t,n){return(0,a.wg)(),(0,a.iD)("div",{class:(0,o.C_)(["dp__overlay",(0,r.SU)(m)]),ref:function(e,t){t.gridWrapRef=e,c.value=e},role:"dialog",tabindex:"0"},[(0,a._)("div",Ze,[(0,a._)("div",He,[(0,a.WI)(t.$slots,"header")]),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)((0,r.SU)(f),(function(n,u){return(0,a.wg)(),(0,a.iD)("div",{class:"dp__overlay_row",key:(0,r.SU)(xe)(u),role:"row"},[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(n,(function(n){return(0,a.wg)(),(0,a.iD)("div",{role:"gridcell",class:(0,o.C_)((0,r.SU)(p)),key:n.value,"aria-selected":n.value===e.modelValue&&!e.disabledValues.includes(n.value),"aria-disabled":n.className.dp__overlay_cell_disabled,ref:function(t){n.value!==e.modelValue||e.disabledValues.includes(n.value)||(s.value=t)},tabindex:"0",onClick:function(e){return h(n.value)},onKeydown:(0,l.D2)((function(e){return h(n.value)}),["enter"])},[(0,a._)("div",{class:(0,o.C_)(n.className)},[t.$slots.item?(0,a.WI)(t.$slots,"item",{key:0,item:n}):(0,a.kq)("",!0),t.$slots.item?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)(n.text),1)],64))],2)],42,Ve)})),128))])})),128)),t.$slots["button-icon"]?((0,a.wg)(),(0,a.iD)("div",{key:0,role:"button","aria-label":"Toggle overlay",class:(0,o.C_)((0,r.SU)(v)),tabindex:"0",onClick:n[0]||(n[0]=function(e){return t.$emit("toggle")}),onKeydown:n[1]||(n[1]=(0,l.D2)((function(e){return t.$emit("toggle")}),["enter"]))},[(0,a.WI)(t.$slots,"button-icon")],34)):(0,a.kq)("",!0)])],2)}}}),We=function(){var e=(0,a.f3)("transitions");return{transitionName:(0,r.Fl)((function(){return function(t){return null!=e&&e.value?t?e.value.open:e.value.close:""}})),showTransition:!(null==e||!e.value)}},Ye={class:"dp__time_input"},Ge=["onKeydown"],Ke=["onKeydown"],Re=["onKeydown"],ze={key:2},Ee=["onKeydown"],Le=(0,a.aZ)({props:{hours:{type:Number,default:0},minutes:{type:Number,default:0},seconds:{type:Number,default:0},hoursGridIncrement:{type:[String,Number],default:1},minutesGridIncrement:{type:[String,Number],default:5},secondsGridIncrement:{type:[String,Number],default:5},hoursIncrement:{type:[Number,String],default:1},minutesIncrement:{type:[Number,String],default:1},secondsIncrement:{type:[Number,String],default:1},is24:{type:Boolean,default:!0},filters:{type:Object,default:function(){return{}}},noHoursOverlay:{type:Boolean,default:!1},noMinutesOverlay:{type:Boolean,default:!1},noSecondsOverlay:{type:Boolean,default:!1},enableSeconds:{type:Boolean,default:!1}},emits:["setHours","setMinutes","update:hours","update:minutes","update:seconds"],setup:function(e,t){var n=t.emit,u=e,i=(0,r.iH)(!1),s=(0,r.iH)(!1),c=(0,r.iH)(!1),d=(0,r.iH)("AM"),m=We(),p=m.transitionName,f=m.showTransition,v=(0,r.Fl)((function(){return{dp__time_col:!0,dp__time_col_reg:!u.enableSeconds&&u.is24,dp__time_col_reg_with_button:!u.enableSeconds&&!u.is24,dp__time_col_sec:u.enableSeconds&&u.is24,dp__time_col_sec_with_button:u.enableSeconds&&!u.is24}})),y=(0,r.Fl)((function(){var e=U(u.hours);return{text:e<10?"0".concat(e):"".concat(e),value:e}})),w=(0,r.Fl)((function(){return{text:u.minutes<10?"0".concat(u.minutes):"".concat(u.minutes),value:u.minutes}})),h=(0,r.Fl)((function(){return{text:u.seconds<10?"0".concat(u.seconds):"".concat(u.seconds),value:u.seconds}})),b=function(e,t){return function(e,t){for(var n=[],a=0;a1&&void 0!==arguments[1]?arguments[1]:3,n=[],a=0;a1&&void 0!==arguments[1])||arguments[1],a=C(e,t),r=a[e];n("update:".concat(e),r)},U=function(e){return u.is24?e:(d.value=e>=12?"PM":"AM",[12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11][e])},x=function(){"PM"===d.value?(d.value="AM",n("update:hours",u.hours-12)):(d.value="PM",n("update:hours",u.hours+12))};return function(t,n){return(0,a.wg)(),(0,a.iD)("div",Ye,[(0,a._)("div",{class:(0,o.C_)((0,r.SU)(v))},[(0,a._)("div",{class:"dp__inc_dec_button",role:"button","aria-label":"Increment hours",tabindex:"0",onKeydown:n[0]||(n[0]=(0,l.D2)((function(e){return I("hours")}),["enter"])),onClick:n[1]||(n[1]=function(e){return I("hours")})},[t.$slots["arrow-up"]?(0,a.WI)(t.$slots,"arrow-up",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-up"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(ee),{key:1}))],32),(0,a._)("div",{role:"button","aria-label":"Open hours overlay",class:(0,o.C_)(e.noHoursOverlay?"":"dp__time_display"),tabindex:"0",onKeydown:(0,l.D2)(S,["enter"]),onClick:S},[t.$slots.hours?(0,a.WI)(t.$slots,"hours",{key:0,text:(0,r.SU)(y).text,value:(0,r.SU)(y).value}):(0,a.kq)("",!0),t.$slots.hours?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)((0,r.SU)(y).text),1)],64))],42,Ge),(0,a._)("div",{class:"dp__inc_dec_button",role:"button","aria-label":"Decrement hours",tabindex:"0",onKeydown:n[2]||(n[2]=(0,l.D2)((function(e){return I("hours",!1)}),["enter"])),onClick:n[3]||(n[3]=function(e){return I("hours",!1)})},[t.$slots["arrow-down"]?(0,a.WI)(t.$slots,"arrow-down",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-down"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(ae),{key:1}))],32)],2),(0,a._)("div",{class:(0,o.C_)((0,r.SU)(v))},":",2),(0,a._)("div",{class:(0,o.C_)((0,r.SU)(v))},[(0,a._)("div",{class:"dp__inc_dec_button",role:"button","aria-label":"Increment minutes",tabindex:"0",onKeydown:n[4]||(n[4]=(0,l.D2)((function(e){return I("minutes")}),["enter"])),onClick:n[5]||(n[5]=function(e){return I("minutes")})},[t.$slots["arrow-up"]?(0,a.WI)(t.$slots,"arrow-up",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-up"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(ee),{key:1}))],32),(0,a._)("div",{"aria-label":"Open minutes overlay",role:"button",class:(0,o.C_)(e.noMinutesOverlay?"":"dp__time_display"),tabindex:"0",onKeydown:(0,l.D2)(D,["enter"]),onClick:D},[t.$slots.minutes?(0,a.WI)(t.$slots,"minutes",{key:0,text:(0,r.SU)(w).text,value:(0,r.SU)(w).value}):(0,a.kq)("",!0),t.$slots.minutes?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)((0,r.SU)(w).text),1)],64))],42,Ke),(0,a._)("div",{class:"dp__inc_dec_button",role:"button","aria-label":"Decrement minutes",tabindex:"0",onKeydown:n[6]||(n[6]=(0,l.D2)((function(e){return I("minutes",!1)}),["enter"])),onClick:n[7]||(n[7]=function(e){return I("minutes",!1)})},[t.$slots["arrow-down"]?(0,a.WI)(t.$slots,"arrow-down",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-down"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(ae),{key:1}))],32)],2),e.enableSeconds?((0,a.wg)(),(0,a.iD)("div",{key:0,class:(0,o.C_)((0,r.SU)(v))},":",2)):(0,a.kq)("",!0),e.enableSeconds?((0,a.wg)(),(0,a.iD)("div",{key:1,class:(0,o.C_)((0,r.SU)(v))},[(0,a._)("div",{class:"dp__inc_dec_button",role:"button","aria-label":"Increment seconds",tabindex:"0",onKeydown:n[8]||(n[8]=(0,l.D2)((function(e){return I("seconds")}),["enter"])),onClick:n[9]||(n[9]=function(e){return I("seconds")})},[t.$slots["arrow-up"]?(0,a.WI)(t.$slots,"arrow-up",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-up"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(ee),{key:1}))],32),(0,a._)("div",{role:"button","aria-label":"Open seconds overlay",class:(0,o.C_)(e.noSecondsOverlay?"":"dp__time_display"),tabindex:"0",onKeydown:(0,l.D2)(O,["enter"]),onClick:O},[t.$slots.seconds?(0,a.WI)(t.$slots,"hours",{key:0,text:(0,r.SU)(h).text,value:(0,r.SU)(h).value}):(0,a.kq)("",!0),t.$slots.seconds?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)((0,r.SU)(h).text),1)],64))],42,Re),(0,a._)("div",{class:"dp__inc_dec_button",role:"button","aria-label":"Decrement seconds",tabindex:"0",onKeydown:n[10]||(n[10]=(0,l.D2)((function(e){return I("seconds",!1)}),["enter"])),onClick:n[11]||(n[11]=function(e){return I("seconds",!1)})},[t.$slots["arrow-down"]?(0,a.WI)(t.$slots,"arrow-down",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-down"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(ae),{key:1}))],32)],2)):(0,a.kq)("",!0),e.is24?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",ze,[t.$slots["am-pm-button"]?(0,a.WI)(t.$slots,"am-pm-button",{key:0,toggle:x,value:d.value}):(0,a.kq)("",!0),t.$slots["am-pm-button"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("button",{key:1,class:"dp__pm_am_button",role:"button","aria-label":"Switch AM/PM mode",tabindex:"0",onClick:x,onKeydown:(0,l.D2)(x,["enter"])},(0,o.zw)(d.value),41,Ee))])),(0,a.Wm)(l.uT,{name:(0,r.SU)(p)(i.value),css:(0,r.SU)(f)},{default:(0,a.w5)((function(){return[i.value?((0,a.wg)(),(0,a.j4)(Fe,{key:0,items:b(e.is24?24:12,e.hoursGridIncrement),"disabled-values":e.filters.times.hours,"onUpdate:modelValue":n[12]||(n[12]=function(e){return t.$emit("update:hours",e)}),onSelected:S,onToggle:S},(0,a.Nv)({"button-icon":(0,a.w5)((function(){return[t.$slots["clock-icon"]?(0,a.WI)(t.$slots,"clock-icon",{key:0}):(0,a.kq)("",!0),t.$slots["clock-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(J),{key:1}))]})),_:2},[t.$slots["hours-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"hours-overlay",{text:n.text,value:n.value})]}))}:void 0]),1032,["items","disabled-values"])):(0,a.kq)("",!0)]})),_:3},8,["name","css"]),(0,a.Wm)(l.uT,{name:(0,r.SU)(p)(s.value),css:(0,r.SU)(f)},{default:(0,a.w5)((function(){return[s.value?((0,a.wg)(),(0,a.j4)(Fe,{key:0,items:b(60,e.minutesGridIncrement),"disabled-values":e.filters.times.minutes,"onUpdate:modelValue":n[13]||(n[13]=function(e){return t.$emit("update:minutes",e)}),onSelected:D,onToggle:D},(0,a.Nv)({"button-icon":(0,a.w5)((function(){return[t.$slots["clock-icon"]?(0,a.WI)(t.$slots,"clock-icon",{key:0}):(0,a.kq)("",!0),t.$slots["clock-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(J),{key:1}))]})),_:2},[t.$slots["minutes-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"minutes-overlay",{text:n.text,value:n.value})]}))}:void 0]),1032,["items","disabled-values"])):(0,a.kq)("",!0)]})),_:3},8,["name","css"]),(0,a.Wm)(l.uT,{name:(0,r.SU)(p)(c.value),css:(0,r.SU)(f)},{default:(0,a.w5)((function(){return[c.value?((0,a.wg)(),(0,a.j4)(Fe,{key:0,items:b(60,e.secondsGridIncrement),"disabled-values":e.filters.times.seconds,"onUpdate:modelValue":n[14]||(n[14]=function(e){return t.$emit("update:seconds",e)}),onSelected:O,onToggle:O},(0,a.Nv)({"button-icon":(0,a.w5)((function(){return[t.$slots["clock-icon"]?(0,a.WI)(t.$slots,"clock-icon",{key:0}):(0,a.kq)("",!0),t.$slots["clock-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(J),{key:1}))]})),_:2},[t.$slots["seconds-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"seconds-overlay",{text:n.text,value:n.value})]}))}:void 0]),1032,["items","disabled-values"])):(0,a.kq)("",!0)]})),_:3},8,["name","css"])])}}}),Je=[{name:"clock-icon",use:["time","calendar"]},{name:"arrow-left",use:["month-year","calendar"]},{name:"arrow-right",use:["month-year","calendar"]},{name:"arrow-up",use:["time","calendar"]},{name:"arrow-down",use:["time","calendar"]},{name:"calendar-icon",use:["month-year","time","calendar"]},{name:"day",use:["calendar"]},{name:"month-overlay",use:["calendar","month-year"]},{name:"year-overlay",use:["calendar","month-year"]},{name:"hours-overlay",use:["calendar","time"]},{name:"minutes-overlay",use:["calendar","time"]},{name:"seconds-overlay",use:["calendar","time"]},{name:"hours",use:["calendar","time"]},{name:"minutes",use:["calendar","time"]},{name:"month",use:["calendar","month-year"]},{name:"year",use:["calendar","month-year"]},{name:"action-select",use:["action"]},{name:"action-preview",use:["action"]},{name:"calendar-header",use:["calendar"]},{name:"marker-tooltip",use:["calendar"]},{name:"now-button",use:[]},{name:"time-picker-overlay",use:["calendar","time"]},{name:"am-pm-button",use:["calendar","time"]}],Xe=[{name:"trigger"},{name:"input-icon"},{name:"clear-icon"},{name:"dp-input"}],Qe={all:function(){return Je},monthYear:function(){return Je.filter((function(e){return e.use.includes("month-year")}))},input:function(){return Xe},timePicker:function(){return Je.filter((function(e){return e.use.includes("time")}))},action:function(){return Je.filter((function(e){return e.use.includes("action")}))},calendar:function(){return Je.filter((function(e){return e.use.includes("calendar")}))}},et=function(e,t){var n=[];return Qe[t]().forEach((function(t){e[t.name]&&n.push(t.name)})),n},tt={key:0,class:"dp__overlay"},nt={class:"dp__overlay_container"},at={key:1,class:"dp__overlay_row"},rt=(0,a.aZ)({props:{hoursIncrement:{type:[Number,String],default:1},minutesIncrement:{type:[Number,String],default:1},secondsIncrement:{type:[Number,String],default:1},is24:{type:Boolean,default:!0},hoursGridIncrement:{type:[String,Number],default:1},minutesGridIncrement:{type:[String,Number],default:5},secondsGridIncrement:{type:[String,Number],default:5},range:{type:Boolean,default:!1},filters:{type:Object,default:function(){return{}}},timePicker:{type:Boolean,default:!1},hours:{type:[Number,Array],default:0},minutes:{type:[Number,Array],default:0},seconds:{type:[Number,Array],default:0},instance:{type:[Number,Array],default:1},twoCalendars:{type:Boolean,default:!1},noHoursOverlay:{type:Boolean,default:!1},noMinutesOverlay:{type:Boolean,default:!1},noSecondsOverlay:{type:Boolean,default:!1},customProps:{type:Object,default:null},enableSeconds:{type:Boolean,default:!1}},emits:["update:hours","update:minutes","update:seconds"],setup:function(e,t){var n=t.emit,u=e,i=(0,a.Rr)(),s=(0,a.f3)("autoApply",!1),c=We(),d=c.transitionName,m=c.showTransition,p=(0,r.iH)(!1),f=function(e){p.value=e},v=(0,r.Fl)((function(){return{dp__button:!0,dp__button_bottom:s}})),y=et(i,"timePicker"),w=(0,r.Fl)((function(){return{is24:u.is24,hoursGridIncrement:u.hoursGridIncrement,minutesGridIncrement:u.minutesGridIncrement,secondsGridIncrement:u.secondsGridIncrement,hoursIncrement:u.hoursIncrement,minutesIncrement:u.minutesIncrement,secondsIncrement:u.secondsIncrement,filters:u.filters,noHoursOverlay:u.noHoursOverlay,noMinutesOverlay:u.noMinutesOverlay,noSecondsOverlay:u.noSecondsOverlay,enableSeconds:u.enableSeconds}})),h=function(e){n("update:hours",e)},_=function(e){n("update:minutes",e)},g=function(e){n("update:seconds",e)};return function(t,n){return(0,a.wg)(),(0,a.iD)("div",null,[e.timePicker?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",{key:0,class:(0,o.C_)((0,r.SU)(v)),role:"button","aria-label":"Open time picker",tabindex:"0",onKeydown:n[0]||(n[0]=(0,l.D2)((function(e){return f(!0)}),["enter"])),onClick:n[1]||(n[1]=function(e){return f(!0)})},[t.$slots["clock-icon"]?(0,a.WI)(t.$slots,"clock-icon",{key:0}):(0,a.kq)("",!0),t.$slots["clock-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(J),{key:1}))],34)),(0,a.Wm)(l.uT,{name:(0,r.SU)(d)(p.value),css:(0,r.SU)(m)},{default:(0,a.w5)((function(){return[p.value||e.timePicker?((0,a.wg)(),(0,a.iD)("div",tt,[(0,a._)("div",nt,[t.$slots["time-picker-overlay"]?(0,a.WI)(t.$slots,"time-picker-overlay",{key:0,range:e.range,instance:e.instance,hours:e.hours,minutes:e.minutes,seconds:e.seconds,setHours:h,setMinutes:_,setSeconds:g}):(0,a.kq)("",!0),t.$slots["time-picker-overlay"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",at,[e.range?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)(Le,(0,a.dG)({key:0,hours:e.hours,minutes:e.minutes,seconds:e.seconds},(0,r.SU)(w),{"onUpdate:hours":n[2]||(n[2]=function(e){return h(e)}),"onUpdate:minutes":n[3]||(n[3]=function(e){return _(e)}),"onUpdate:seconds":n[4]||(n[4]=function(e){return g(e)})}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(y),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(n)))]}))}}))]),1040,["hours","minutes","seconds"])),e.range?((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[e.twoCalendars&&1!==e.instance?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)(Le,(0,a.dG)({key:0,hours:e.hours[0],minutes:e.minutes[0]},(0,r.SU)(w),{"onUpdate:hours":n[5]||(n[5]=function(t){return h([t,e.hours[1]])}),"onUpdate:minutes":n[6]||(n[6]=function(t){return _([t,e.minutes[1]])})}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(y),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(n)))]}))}}))]),1040,["hours","minutes"])),e.twoCalendars&&2!==e.instance?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)(Le,(0,a.dG)({key:1,hours:e.hours[1],minutes:e.minutes[1]},(0,r.SU)(w),{"onUpdate:hours":n[7]||(n[7]=function(t){return h([e.hours[0],t])}),"onUpdate:minutes":n[8]||(n[8]=function(t){return _([e.minutes[0],t])})}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(y),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(n)))]}))}}))]),1040,["hours","minutes"]))],64)):(0,a.kq)("",!0)])),e.timePicker?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",{key:2,class:(0,o.C_)((0,r.SU)(v)),role:"button","aria-label":"Close time picker",tabindex:"0",onKeydown:n[9]||(n[9]=(0,l.D2)((function(e){return f(!1)}),["enter"])),onClick:n[10]||(n[10]=function(e){return f(!1)})},[t.$slots["calendar-icon"]?(0,a.WI)(t.$slots,"calendar-icon",{key:0}):(0,a.kq)("",!0),t.$slots["calendar-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(Z),{key:1}))],34))])])):(0,a.kq)("",!0)]})),_:3},8,["name","css"])])}}}),ot={class:"dp__month_year_row"},lt={class:"dp__inner_nav",role:"button","aria-label":"Previous month"},ut=["onKeydown"],it=["onKeydown"],st={class:"dp__inner_nav",role:"button","aria-label":"Next month"},ct={class:"dp__month_picker_header"},dt={class:"dp__inner_nav",role:"button","aria-label":"Previous month"},mt=["onKeydown"],pt={class:"dp__inner_nav",role:"button","aria-label":"Next month"},ft=(0,a.aZ)({props:{months:{type:Array,default:function(){return[]}},years:{type:Array,default:function(){return[]}},year:{type:Number,default:0},month:{type:Number,default:0},filters:{type:Object,default:function(){return{}}},monthPicker:{type:Boolean,default:!1},instance:{type:Number,default:1},customProps:{type:Object,default:null},twoCalendars:{type:Boolean,default:!1},twoCalendarsSolo:{type:Boolean,default:!1}},emits:["update:month","update:year","monthYearSelect"],setup:function(e,t){var n=t.emit,u=e,i=We(),s=i.transitionName,c=i.showTransition,d=(0,r.iH)(!1),m=(0,r.iH)(!1),p=function(e,t){var n=e.months.map((function(e){return e.value})),a=e.years.map((function(e){return e.value})),r=n.filter((function(t){return!e.filters.months.some((function(e){return e===t}))})),o=a.filter((function(t){return!e.filters.years.some((function(e){return e===t}))})),l=function(e,n){t("update:month",e),t("update:year",n)};return{onNext:function(){var t,n=e.month,u=e.year;if(11===e.month?(n=0,u=e.year+1):n+=1,e.filters.months.includes(n)&&(t=n=0===n?Math.min.apply(Math,Ie(r)):Math.max.apply(Math,Ie(r))),n===t&&(n=Math.min.apply(Math,Ie(r)),u=e.year+1),e.filters.years.includes(u)){var i=o.find((function(e){return e>u}));i&&(u=i)}u<=a[a.length-1]&&l(n,u)},onPrev:function(){var t,n=e.month,u=e.year;if(0===e.month?(n=11,u=e.year-1):n-=1,e.filters.months.includes(n)&&(t=n=11===n?Math.max.apply(Math,Ie(r)):Math.min.apply(Math,Ie(r))),n===t&&(n=Math.max.apply(Math,Ie(r)),u=e.year-1),e.filters.years.includes(u)){var i=o.reverse().find((function(e){return e=a[0]&&l(n,u)}}}(u,n),f=p.onNext,v=p.onPrev,y=function(e){n("update:month",e),n("monthYearSelect"),D()},w=function(e){n("update:year",e),n("monthYearSelect",!0),O()},h=function(e){for(var t=[],n=0;n0&&void 0!==arguments[0]&&arguments[0];if(e){var t=u.year+1;n("update:year",t)}else{var a=u.year-1;n("update:year",a)}};return function(t,n){return(0,a.wg)(),(0,a.iD)("div",ot,[e.monthPicker?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:0},[(0,r.SU)(b)?((0,a.wg)(),(0,a.iD)("div",{key:0,class:"dp__month_year_col_nav",onClick:n[0]||(n[0]=function(){return(0,r.SU)(v)&&(0,r.SU)(v).apply(void 0,arguments)}),onKeydown:n[1]||(n[1]=(0,l.D2)((function(){return(0,r.SU)(v)&&(0,r.SU)(v).apply(void 0,arguments)}),["enter"])),tabindex:"0"},[(0,a._)("div",lt,[t.$slots["arrow-left"]?(0,a.WI)(t.$slots,"arrow-left",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-left"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(G),{key:1}))])],32)):(0,a.kq)("",!0),(0,a._)("div",{class:"dp__month_year_select",onClick:D,onKeydown:(0,l.D2)(D,["enter"]),role:"button","aria-label":"Open months overlay",tabindex:"0"},[t.$slots.month?(0,a.WI)(t.$slots,"month",{key:0,value:(0,r.SU)(_).value,text:(0,r.SU)(_).text}):(0,a.kq)("",!0),t.$slots.month?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)((0,r.SU)(_).text),1)],64))],40,ut),(0,a._)("div",{class:"dp__month_year_select",onClick:O,onKeydown:(0,l.D2)(O,["enter"]),role:"button","aria-label":"Open years overlay",tabindex:"0"},[t.$slots.year?(0,a.WI)(t.$slots,"year",{key:0,year:e.year}):(0,a.kq)("",!0),t.$slots.year?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)(e.year),1)],64))],40,it),(0,a.Wm)(l.uT,{name:(0,r.SU)(s)(d.value),css:(0,r.SU)(c)},{default:(0,a.w5)((function(){return[d.value?((0,a.wg)(),(0,a.j4)(Fe,(0,a.dG)({key:0},{modelValue:e.month,items:(0,r.SU)(g),disabledValues:e.filters.months},{"onUpdate:modelValue":y,onToggle:D}),(0,a.Nv)({"button-icon":(0,a.w5)((function(){return[t.$slots["calendar-icon"]?(0,a.WI)(t.$slots,"calendar-icon",{key:0}):(0,a.kq)("",!0),t.$slots["calendar-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(Z),{key:1}))]})),_:2},[t.$slots["month-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"month-overlay",{text:n.text,value:n.value})]}))}:void 0]),1040)):(0,a.kq)("",!0)]})),_:3},8,["name","css"]),(0,a.Wm)(l.uT,{name:(0,r.SU)(s)(m.value),css:(0,r.SU)(c)},{default:(0,a.w5)((function(){return[m.value?((0,a.wg)(),(0,a.j4)(Fe,(0,a.dG)({key:0},{modelValue:e.year,items:(0,r.SU)(k),disabledValues:e.filters.years},{"onUpdate:modelValue":w,onToggle:O}),(0,a.Nv)({"button-icon":(0,a.w5)((function(){return[t.$slots["calendar-icon"]?(0,a.WI)(t.$slots,"calendar-icon",{key:0}):(0,a.kq)("",!0),t.$slots["calendar-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(Z),{key:1}))]})),_:2},[t.$slots["year-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"year-overlay",{text:n.text,value:n.value})]}))}:void 0]),1040)):(0,a.kq)("",!0)]})),_:3},8,["name","css"]),(0,r.SU)(S)?((0,a.wg)(),(0,a.iD)("div",{key:1,class:"dp__month_year_col_nav",onClick:n[2]||(n[2]=function(){return(0,r.SU)(f)&&(0,r.SU)(f).apply(void 0,arguments)}),onKeydown:n[3]||(n[3]=(0,l.D2)((function(){return(0,r.SU)(f)&&(0,r.SU)(f).apply(void 0,arguments)}),["enter"])),tabindex:"0"},[(0,a._)("div",st,[t.$slots["arrow-right"]?(0,a.WI)(t.$slots,"arrow-right",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-right"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(z),{key:1}))])],32)):(0,a.kq)("",!0)],64)),e.monthPicker?((0,a.wg)(),(0,a.j4)(Fe,(0,a.dG)({key:1},{modelValue:e.month,items:(0,r.SU)(g),disabledValues:e.filters.months},{"onUpdate:modelValue":y,onToggle:D}),(0,a.Nv)({header:(0,a.w5)((function(){return[(0,a._)("div",ct,[(0,a._)("div",{class:"dp__month_year_col_nav",tabindex:"0",onClick:n[4]||(n[4]=function(e){return C(!1)}),onKeydown:n[5]||(n[5]=(0,l.D2)((function(e){return C(!1)}),["enter"]))},[(0,a._)("div",dt,[t.$slots["arrow-left"]?(0,a.WI)(t.$slots,"arrow-left",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-left"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(G),{key:1}))])],32),(0,a._)("div",{class:"dp__pointer",role:"button","aria-label":"Open years overlay",tabindex:"0",onClick:O,onKeydown:(0,l.D2)(O,["enter"])},[t.$slots.year?(0,a.WI)(t.$slots,"year",{key:0,year:e.year}):(0,a.kq)("",!0),t.$slots.year?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)(e.year),1)],64))],40,mt),(0,a._)("div",{class:"dp__month_year_col_nav",tabindex:"0",onClick:n[6]||(n[6]=function(e){return C(!0)}),onKeydown:n[7]||(n[7]=(0,l.D2)((function(e){return C(!0)}),["enter"]))},[(0,a._)("div",pt,[t.$slots["arrow-right"]?(0,a.WI)(t.$slots,"arrow-right",{key:0}):(0,a.kq)("",!0),t.$slots["arrow-right"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(z),{key:1}))])],32)]),(0,a.Wm)(l.uT,{name:(0,r.SU)(s)(m.value),css:(0,r.SU)(c)},{default:(0,a.w5)((function(){return[m.value?((0,a.wg)(),(0,a.j4)(Fe,(0,a.dG)({key:0},{modelValue:e.year,items:(0,r.SU)(k),disabledValues:e.filters.years},{"onUpdate:modelValue":w,onToggle:O}),(0,a.Nv)({"button-icon":(0,a.w5)((function(){return[t.$slots["calendar-icon"]?(0,a.WI)(t.$slots,"calendar-icon",{key:0}):(0,a.kq)("",!0),t.$slots["calendar-icon"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,r.SU)(Z),{key:1}))]})),_:2},[t.$slots["year-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"year-overlay",{text:n.text,value:n.value})]}))}:void 0]),1040)):(0,a.kq)("",!0)]})),_:3},8,["name","css"])]})),_:2},[t.$slots["month-overlay"]?{name:"item",fn:(0,a.w5)((function(e){var n=e.item;return[(0,a.WI)(t.$slots,"month-overlay",{text:n.text,value:n.value})]}))}:void 0]),1040)):(0,a.kq)("",!0)])}}}),vt={class:"db__calendar_header",role:"row"},yt={key:0,class:"dp__calendar_header_item",role:"gridcell"},wt=(0,a._)("div",{class:"dp__calendar_header_separator"},null,-1),ht={key:0,class:"dp__calendar",role:"grid","aria-label":"Calendar days"},_t={key:0,role:"gridcell",class:"dp__calendar_item dp__week_num"},gt={class:"dp__cell_inner"},kt=["aria-selected","aria-disabled","onClick","onKeydown","onMouseover"],bt=(0,a._)("div",{class:"dp__arrow_bottom_tp"},null,-1),St=(0,a.aZ)({props:{locale:{type:String,default:"en-Us"},weekNumName:{type:String,default:"W"},weekStart:{type:[Number,String],default:1},weekNumbers:{type:Boolean,default:!1},mappedDates:{type:Array,default:function(){return[]}},enableTimePicker:{type:Boolean,default:!0},timePickerComponent:{type:Object,default:null},monthYearComponent:{type:Object,default:null},is24:{type:Boolean,default:!0},hoursIncrement:{type:[String,Number],default:1},minutesIncrement:{type:[String,Number],default:1},secondsIncrement:{type:[String,Number],default:1},hoursGridIncrement:{type:[String,Number],default:1},minutesGridIncrement:{type:[String,Number],default:5},secondsGridIncrement:{type:[String,Number],default:5},range:{type:Boolean,default:!1},filters:{type:Object,default:function(){return{}}},customProps:{type:Object,default:null},hours:{type:[Number,Array],default:0},minutes:{type:[Number,Array],default:0},seconds:{type:[Number,Array],default:0},calendarClassName:{type:String,default:null},monthPicker:{type:Boolean,default:!1},timePicker:{type:Boolean,default:!1},disableMonthYearSelect:{type:Boolean,default:!1},getWeekNum:{type:Function,default:function(){return""}},instance:{type:Number,default:1},twoCalendars:{type:Boolean,default:!1},years:{type:Array,default:function(){return[]}},months:{type:Array,default:function(){return[]}},month:{type:Number,default:0},year:{type:Number,default:0},noHoursOverlay:{type:Boolean,default:!1},noMinutesOverlay:{type:Boolean,default:!1},noSecondsOverlay:{type:Boolean,default:!1},twoCalendarsSolo:{type:Boolean,default:!1},modeHeight:{type:[Number,String],default:255},enableSeconds:{type:Boolean,default:!1}},emits:["update:hours","update:minutes","update:seconds","selectDate","setHoverDate","update:month","update:year","monthYearSelect","handleScroll"],setup:function(e,t){var n=t.emit,u=e,i=(0,a.Rr)(),s=(0,r.iH)(null),c=(0,r.iH)({bottom:"",left:"",transform:""}),d=(0,r.iH)([]),m=(0,r.iH)(!0),p=(0,a.f3)("transitions"),f=(0,r.iH)(""),v=(0,r.Vh)(u,"month"),y=(0,r.Vh)(u,"year"),w=(0,r.iH)(),h=(0,r.Fl)((function(){return function(e,t){var n,a,r=[1,2,3,4,5,6,7].map((function(t){return new Intl.DateTimeFormat(e,{weekday:"short",timeZone:"UTC"}).format(new Date("2017-01-0".concat(t,"T00:00:00+00:00"))).slice(0,2)})),o=r.slice(0,t),l=r.slice(t+1,r.length);return(n=(a=[r[t]]).concat.apply(a,Ie(l))).concat.apply(n,Ie(o))}(u.locale,+u.weekStart)}));(0,a.bv)((function(){w.value=ce(new Date,u.month,u.year)}));var _=et(i,"timePicker"),g=et(i,"monthYear"),k=(0,r.Fl)((function(){return u.monthPicker||u.timePicker}));(0,a.YP)([v,y],(function(){if(null!=p&&p.value){var e=ce(new Date,u.month,u.year);f.value=we(ce(new Date,u.month,u.year),w.value)?p.value.next:p.value.previous,w.value=e,m.value=!1,(0,a.Y3)((function(){m.value=!0}))}}));var b=(0,r.Fl)((function(){return T({dp__calendar_wrap:!0},u.calendarClassName,!!u.calendarClassName)})),S=(0,r.Fl)((function(){return function(e){var t=function(e){return Object.assign({type:"dot"},e)}(e);return{dp__marker_dot:"dot"===t.type,dp__marker_line:"line"===t.type}}})),D=(0,r.Fl)((function(){return function(e){return _e(e,s.value)}})),O=(0,r.Fl)((function(){return{dp__calendar:!0,dp__calendar_next:2===u.instance}})),C=(0,r.Fl)((function(){return{dp__calendar_content_wrap:!0}})),I=(0,r.Fl)((function(){return k.value?{height:"".concat(u.modeHeight,"px")}:null})),U=function(){s.value=null};return function(t,u){return(0,a.wg)(),(0,a.iD)("div",{class:(0,o.C_)((0,r.SU)(O))},[(0,a._)("div",{class:(0,o.C_)((0,r.SU)(C)),style:(0,o.j5)((0,r.SU)(I))},[e.disableMonthYearSelect||e.timePicker?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,a.LL)(e.monthYearComponent?e.monthYearComponent:ft),(0,a.dG)({key:0},{months:e.months,years:e.years,filters:e.filters,monthPicker:e.monthPicker,month:e.month,year:e.year,customProps:e.customProps,twoCalendars:e.twoCalendars,twoCalendarsSolo:e.twoCalendarsSolo,instance:e.instance},{"onUpdate:month":u[0]||(u[0]=function(e){return t.$emit("update:month",e)}),"onUpdate:year":u[1]||(u[1]=function(e){return t.$emit("update:year",e)}),onMonthYearSelect:u[2]||(u[2]=function(e){return t.$emit("monthYearSelect",e)})}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(g),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(n)))]}))}}))]),1040)),(0,r.SU)(k)?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",{key:1,class:(0,o.C_)((0,r.SU)(b)),role:"grid","aria-label":"Calendar wrapper",onWheel:u[4]||(u[4]=(0,l.iM)((function(e){return t.$emit("handleScroll",e)}),["prevent"]))},[(0,a._)("div",vt,[e.weekNumbers?((0,a.wg)(),(0,a.iD)("div",yt,(0,o.zw)(e.weekNumName),1)):(0,a.kq)("",!0),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)((0,r.SU)(h),(function(e,n){return(0,a.wg)(),(0,a.iD)("div",{class:"dp__calendar_header_item",role:"gridcell",key:n},[t.$slots["calendar-header"]?(0,a.WI)(t.$slots,"calendar-header",{key:0,day:e,index:n}):(0,a.kq)("",!0),t.$slots["calendar-header"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)(e),1)],64))])})),128))]),wt,(0,a.Wm)(l.uT,{name:f.value,css:!!(0,r.SU)(p)},{default:(0,a.w5)((function(){return[m.value?((0,a.wg)(),(0,a.iD)("div",ht,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.mappedDates,(function(i,m){return(0,a.wg)(),(0,a.iD)("div",{class:"dp__calendar_row",role:"row",key:m},[e.weekNumbers?((0,a.wg)(),(0,a.iD)("div",_t,[(0,a._)("div",gt,(0,o.zw)(e.getWeekNum(i.days)),1)])):(0,a.kq)("",!0),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(i.days,(function(e,i){return(0,a.wg)(),(0,a.iD)("div",{role:"gridcell",class:"dp__calendar_item",ref:function(e){e&&(d.value[i+m]=e)},key:i+m,"aria-selected":e.classData.dp__active_date||e.classData.dp__range_start||e.classData.dp__range_start,"aria-disabled":e.classData.dp__cell_disabled,tabindex:"0",onClick:function(n){return t.$emit("selectDate",e)},onKeydown:(0,l.D2)((function(n){return t.$emit("selectDate",e)}),["enter"]),onMouseover:function(t){return function(e,t){var a,r;if(n("setHoverDate",e),null!==(a=e.marker)&&void 0!==a&&null!==(r=a.tooltip)&&void 0!==r&&r.length){var o=Ne(d.value[t]);if(o){var l=o.getBoundingClientRect(),u=l.width,i=l.height;c.value={bottom:"".concat(i,"px"),left:"".concat(u/2,"px"),transform:"translateX(-50%)"},s.value=e.value}}}(e,i+m)},onMouseleave:U},[(0,a._)("div",{class:(0,o.C_)(["dp__cell_inner",e.classData])},[t.$slots.day?(0,a.WI)(t.$slots,"day",{key:0,day:+e.text,date:e.value}):(0,a.kq)("",!0),t.$slots.day?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a.Uk)((0,o.zw)(e.text),1)],64)),e.marker?((0,a.wg)(),(0,a.iD)("div",{key:2,class:(0,o.C_)((0,r.SU)(S)(e.marker)),style:(0,o.j5)(e.marker.color?{backgroundColor:e.marker.color}:{})},null,6)):(0,a.kq)("",!0),(0,r.SU)(D)(e.value)?((0,a.wg)(),(0,a.iD)("div",{key:3,class:"dp__marker_tooltip",style:(0,o.j5)(c.value)},[(0,a._)("div",{class:"dp__tooltip_content",onClick:u[3]||(u[3]=(0,l.iM)((function(){}),["stop"]))},[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.marker.tooltip,(function(n,r){return(0,a.wg)(),(0,a.iD)("div",{key:r,class:"dp__tooltip_text"},[t.$slots["marker-tooltip"]?(0,a.WI)(t.$slots,"marker-tooltip",{key:0,tooltop:n,day:e.value}):(0,a.kq)("",!0),t.$slots["marker-tooltip"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a._)("div",{class:"dp__tooltip_mark",style:(0,o.j5)(n.color?{backgroundColor:n.color}:{})},null,4),(0,a._)("div",null,(0,o.zw)(n.text),1)],64))])})),128)),bt])],4)):(0,a.kq)("",!0)],2)],40,kt)})),128))])})),128))])):(0,a.kq)("",!0)]})),_:3},8,["name","css"])],34)),e.enableTimePicker?((0,a.wg)(),(0,a.j4)((0,a.LL)(e.timePickerComponent?e.timePickerComponent:rt),(0,a.dG)({key:2},{is24:e.is24,hoursIncrement:e.hoursIncrement,minutesIncrement:e.minutesIncrement,hoursGridIncrement:e.hoursGridIncrement,secondsIncrement:e.secondsIncrement,minutesGridIncrement:e.minutesGridIncrement,secondsGridIncrement:e.secondsGridIncrement,noHoursOverlay:e.noHoursOverlay,noMinutesOverlay:e.noMinutesOverlay,noSecondsOverlay:e.noSecondsOverlay,range:e.range,filters:e.filters,timePicker:e.timePicker,hours:e.hours,minutes:e.minutes,seconds:e.seconds,customProps:e.customProps,twoCalendars:e.twoCalendars,instance:e.instance,enableSeconds:e.enableSeconds},{"onUpdate:hours":u[5]||(u[5]=function(e){return t.$emit("update:hours",e)}),"onUpdate:minutes":u[6]||(u[6]=function(e){return t.$emit("update:minutes",e)}),"onUpdate:seconds":u[7]||(u[7]=function(e){return t.$emit("update:seconds",e)})}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(_),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(n)))]}))}}))]),1040)):(0,a.kq)("",!0)],6)],2)}}});function Dt(e){return Dt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Dt(e)}var Ot=function(e,t){return t},Ct=function(e){return Array.isArray(e)},It=function(e){return Array.isArray(e)},Ut=function(e){return Array.isArray(e)&&2===e.length},xt=function(e){return"string"==typeof e},Nt={class:"dp__selection_preview"},$t={class:"dp__action_buttons"},Pt=["onKeydown"],Mt=(0,a.aZ)({props:{selectText:{type:String,default:"Select"},cancelText:{type:String,default:"Cancel"},internalModelValue:{type:[Date,Array],default:null},range:{type:Boolean,default:!1},previewFormat:{type:[String,Function],default:function(){return""}},inline:{type:Boolean,default:!1},monthPicker:{type:Boolean,default:!1},timePicker:{type:Boolean,default:!1},twoCalendars:{type:Boolean,default:!1},calendarWidth:{type:Number,default:0},menuMount:{type:Boolean,default:!1},customProps:{type:Object,default:null},minTime:{type:Object,default:null},maxTime:{type:Object,default:null},enableTimePicker:{type:Boolean,default:!0}},emits:["closePicker","selectDate"],setup:function(e,t){var n=t.emit,u=e,i=(0,r.Fl)((function(){return{dp__action:!0,dp__select:!0,dp__action_disabled:!s.value}})),s=(0,r.Fl)((function(){return!u.enableTimePicker||Ce(u.internalModelValue,u.maxTime,u.minTime)})),c=(0,r.Fl)((function(){return u.internalModelValue&&u.menuMount?"string"==typeof u.previewFormat?Ct(u.internalModelValue)?2===u.internalModelValue.length&&u.internalModelValue[1]?u.twoCalendars?"".concat(ye(u.internalModelValue[0],u.previewFormat)," - ").concat(ye(u.internalModelValue[1],u.previewFormat)):[ye(u.internalModelValue[0],u.previewFormat),ye(u.internalModelValue[1],u.previewFormat)]:"".concat(ye(u.internalModelValue[0],u.previewFormat)," -"):ye(u.internalModelValue,u.previewFormat):u.timePicker?u.previewFormat(ve(u.internalModelValue)):u.monthPicker?u.previewFormat(fe(u.internalModelValue)):u.previewFormat(u.internalModelValue):""})),d=function(){s.value&&n("selectDate")};return function(t,n){return(0,a.wg)(),(0,a.iD)("div",{class:"dp__action_row",style:(0,o.j5)(e.calendarWidth?{width:"".concat(e.calendarWidth,"px")}:{})},[(0,a._)("div",Nt,[t.$slots["action-preview"]?(0,a.WI)(t.$slots,"action-preview",{key:0,value:e.internalModelValue}):(0,a.kq)("",!0),t.$slots["action-preview"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[Array.isArray((0,r.SU)(c))?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:0},[(0,a.Uk)((0,o.zw)((0,r.SU)(c)),1)],64)),Array.isArray((0,r.SU)(c))?((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a._)("div",null,(0,o.zw)((0,r.SU)(c)[0]),1),(0,a._)("div",null,(0,o.zw)((0,r.SU)(c)[1]),1)],64)):(0,a.kq)("",!0)],64))]),(0,a._)("div",$t,[t.$slots["action-select"]?(0,a.WI)(t.$slots,"action-select",{key:0,value:e.internalModelValue}):(0,a.kq)("",!0),t.$slots["action-select"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[e.inline?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("span",{key:0,class:"dp__action dp__cancel",tabindex:"0",onClick:n[0]||(n[0]=function(e){return t.$emit("closePicker")}),onKeydown:n[1]||(n[1]=(0,l.D2)((function(e){return t.$emit("closePicker")}),["enter"]))},(0,o.zw)(e.cancelText),33)),(0,a._)("span",{class:(0,o.C_)((0,r.SU)(i)),tabindex:"0",onKeydown:(0,l.D2)(d,["enter"]),onClick:d},(0,o.zw)(e.selectText),43,Pt)],64))])],4)}}});function Tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Bt(e){for(var t=1;t0&&void 0!==arguments[0])||arguments[0];return e.enableSeconds?Array.isArray(m.value)?t?m.value[0]:m.value[1]:m.value:0},w=function(){var t;e.startTime&&(t=e.startTime,Array.isArray(t)?(c.value=[+e.startTime[0].hours,+e.startTime[1].hours],d.value=[+e.startTime[0].minutes,+e.startTime[1].minutes],e.enableSeconds&&(m.value=[+e.startTime[0].seconds,+e.startTime[1].seconds])):(c.value=+e.startTime.hours,d.value=+e.startTime.minutes,e.enableSeconds&&(m.value=+e.startTime.seconds)))},h=(0,r.Fl)({get:function(){return e.internalModelValue},set:function(e){t("update:internalModelValue",e)}});(0,a.YP)(h,(function(){return O()}));var b=function(t){var n=!!e.maxDate&&we(re(t),re(new Date(e.maxDate))),a=!!e.minDate&&he(re(t),re(new Date(e.minDate))),r="function"==typeof e.disabledDates?e.disabledDates(t):e.disabledDates.some((function(e){return _e(re(new Date(e)),re(t))})),o=(e.filters.months.length?e.filters.months.map((function(e){return+e})):[]).includes((0,v.Z)(t)),l=!!e.disabledWeekDays.length&&e.disabledWeekDays.some((function(e){return+e===(0,P.Z)(t)})),u=!!e.allowedDates.length&&!e.allowedDates.some((function(e){return _e(re(new Date(e)),re(t))})),i=(0,y.Z)(t),s=i<+e.yearRange[0]||i>+e.yearRange[1];return n||a||r||o||s||l||u},S=function(t){return!!h.value&&!(e.hideOffsetDates&&!t.current)&&!e.range&&_e(t.value,h.value?h.value:n.value)},D=function(e){l.value=(0,v.Z)(e),u.value=(0,y.Z)(e)},O=function(){h.value?Ct(h.value)?(2===h.value.length&&(D(h.value[0]),c.value=[(0,_.Z)(h.value[0]),h.value[1]?(0,_.Z)(h.value[1]):(0,_.Z)(new Date)],d.value=[(0,g.Z)(h.value[0]),h.value[1]?(0,g.Z)(h.value[1]):(0,g.Z)(new Date)],m.value=[(0,k.Z)(h.value[0]),h.value[1]?(0,k.Z)(h.value[1]):(0,k.Z)(new Date)]),e.twoCalendars&&I()):(D(h.value),c.value=(0,_.Z)(h.value),d.value=(0,g.Z)(h.value),m.value=(0,k.Z)(h.value)):e.timePicker?(w(),e.range?It(c.value)&&It(d.value)&&(h.value=[ie(new Date,c.value[0],d.value[0],p()),ie(new Date,c.value[1],d.value[1],p(!1))]):h.value=ie(new Date,c.value,d.value,p())):e.monthPicker&&(h.value=ce(new Date,l.value,u.value))},C=function(e){var t=(0,v.Z)(new Date(e)),n=(0,y.Z)(new Date(e)),a=se(new Date(e));l.value=t,u.value=n,i.value=a.month,s.value=a.year},I=function(){if(Array.isArray(h.value)&&2===h.value.length){var t=new Date(h.value[1]?h.value[1]:(0,f.Z)(h.value[0],1));if(i.value===l.value&&s.value===u.value||!e.twoCalendarsSolo){var n=Se(l.value,u.value);i.value=n.month,s.value=n.year}else(0,v.Z)(h.value[0])!==(0,v.Z)(h.value[1])&&(i.value=(0,v.Z)(t),s.value=(0,y.Z)(t))}},U=function(t,n){if(!e.twoCalendarsSolo){var a=be(t,n);l.value=a.month,u.value=a.year}},x=function(t,n){if(!e.twoCalendarsSolo){var a=Se(t,n);i.value=a.month,s.value=a.year}},$=function(t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];arguments.length>1&&void 0!==arguments[1]&&!arguments[1]?n?(U(i.value,t),s.value=t):(x(l.value,t),u.value=t):n?(U(t,s.value),i.value=t):(x(t,u.value),l.value=t),e.monthPicker&&(h.value?h.value=ce(h.value,l.value,u.value):h.value=ce(new Date,l.value,u.value))},T=function(n){Ct(n)&&Ct(h.value)&&It(c.value)&&It(d.value)?(n[0]&&h.value[0]&&(h.value[0]=ie(n[0],c.value[0],d.value[0],p())),n[1]&&h.value[1]&&(h.value[1]=ie(n[1],c.value[1],d.value[1],p(!1)))):e.range||Ut(n)||(h.value=ie(n,c.value,d.value,p())),t("timeUpdate")},B=function(t){return!(Ot(h.value,e.range)&&h.value[0]&&o.value)||(t?we(o.value,h.value[0]):he(o.value,h.value[0]))},A=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return e.range&&Ut(h.value)?!(e.hideOffsetDates&&!t.current)&&_e(new Date(t.value),h.value[n?0:1]):!!e.range&&(_e(new Date(t.value),h.value&&Array.isArray(h.value)?n?h.value[0]||null:h.value[1]:null)&&(!n||!he(o.value||null,Array.isArray(h.value)?h.value[0]:null))||_e(t.value,Array.isArray(h.value)?h.value[0]:null)&&B(n))},j=function(e,t){var n=t?[i.value,s.value]:[l.value,u.value],a=e<0?Se.apply(void 0,n):be.apply(void 0,n);$(a.month,!0,t),$(a.year,!1,t)};return{today:n,hours:c,month:l,year:u,monthNext:i,yearNext:s,minutes:d,seconds:m,monthYearSelect:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0];e.autoApply&&e.monthPicker&&t("autoApply",n)},isDisabled:b,updateTime:function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];n?c.value=t:n||a?a&&(m.value=t):d.value=t,h.value?T(h.value):e.timePicker&&T(e.range?[new Date,new Date]:new Date)},setHoverDate:function(t){!t.current&&e.hideOffsetDates||(o.value=t.value)},getWeekNum:function(e){var t=e.find((function(e){return e.current}));return t?(0,M.Z)(t.value):""},selectDate:function(n){var a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!b(n.value)&&(n.current||!e.hideOffsetDates))if(e.range||It(c.value)||It(d.value)){if(It(c.value)&&It(d.value)){var r=h.value?h.value.slice():[];2===r.length&&(r=[]),e.autoRange?(a&&C(n.value),r=[new Date(n.value),(0,N.Z)(new Date(n.value),+e.autoRange)]):r[0]?he(new Date(n.value),new Date(r[0]))?r.unshift(new Date(n.value)):r[1]=new Date(n.value):r[0]=new Date(n.value),r[0]&&!r[1]?r[0]=ie(r[0],c.value[0],d.value[0],p()):(r[0]=ie(r[0],c.value[0],d.value[0],p()),r[1]=ie(r[1],c.value[1],d.value[1],p(!1))),h.value=r,r[0]&&r[1]&&e.autoApply&&t("autoApply")}}else h.value=ie(new Date(n.value),c.value,d.value,p()),e.autoApply&&t("autoApply")},rangeActive:function(e){return Ct(h.value)&&h.value[0]&&h.value[1]?we(e.value,h.value[0])&&he(e.value,h.value[1]):!!(Ct(h.value)&&h.value[0]&&o.value)&&(we(e.value,h.value[0])&&he(e.value,o.value)||he(e.value,h.value[0])&&we(e.value,o.value))},isActiveDate:S,updateMonthYear:$,isHoverRangeEnd:function(t){if(e.autoRange){if(o.value){if(e.hideOffsetDates&&!t.current)return!1;var n=(0,N.Z)(o.value,+e.autoRange);return _e(n,new Date(t.value))}return!1}return!1},isAutoRangeInBetween:function(t){if(e.autoRange){if(o.value){var n=(0,N.Z)(o.value,+e.autoRange);return!(e.hideOffsetDates&&!t.current)&&we(t.value,o.value)&&he(t.value,n)}return!1}return!1},isAutoRangeStart:function(t){return!!e.autoRange&&!!o.value&&!(e.hideOffsetDates&&!t.current)&&_e(o.value,t.value)},clearHoverDate:function(){o.value=null},rangeActiveStartEnd:A,handleScroll:function(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e.monthChangeOnScroll&&j("inverse"===e.monthChangeOnScroll?-t.deltaY:t.deltaY,n)},getMarker:function(t){return e.markers.find((function(e){return _e(re(new Date(t.value)),re(new Date(e.date)))}))},handleArrow:function(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e.monthChangeOnArrows&&j("right"===t?-1:1,n)},selectCurrentDate:function(){e.range?Ot(h.value,e.range)&&(h.value&&h.value[0]?h.value=he(new Date,h.value[0])?[new Date,h.value[0]]:[h.value[0],new Date]:h.value=[new Date]):t("update:internalModelValue",new Date),e.autoApply&&t("selectDate")},isHoverDate:function(t,n){return!(Array.isArray(e.internalModelValue)&&e.internalModelValue.length||t||S(n)||!n.current&&e.hideOffsetDates||e.range&&(A(n)||A(n,!1)))},isHoverDateStartEnd:function(t,n,a){return!(!Array.isArray(e.internalModelValue)||!e.internalModelValue[0]||1!==e.internalModelValue.length)&&!t&&(a?we(e.internalModelValue[0],n.value):he(e.internalModelValue[0],n.value))}}}(u,n),w=p.updateTime,h=p.updateMonthYear,b=p.today,S=p.month,D=p.year,O=p.monthNext,C=p.yearNext,I=p.hours,U=p.minutes,x=p.seconds,$=p.isDisabled,B=p.isActiveDate,A=p.selectDate,j=p.getWeekNum,q=p.setHoverDate,Z=p.isHoverRangeEnd,H=p.isAutoRangeInBetween,V=p.isAutoRangeStart,F=p.rangeActive,W=p.clearHoverDate,Y=p.rangeActiveStartEnd,G=p.monthYearSelect,K=p.handleScroll,R=p.handleArrow,z=p.getMarker,E=p.selectCurrentDate,L=p.isHoverDateStartEnd,J=p.isHoverDate,X=et(i,"calendar"),Q=et(i,"action"),ee=(0,r.Fl)((function(){return u.openOnTop?"dp__arrow_bottom":"dp__arrow_top"})),te=(0,r.Fl)((function(){return function(e){for(var t=[],n=+e[0];n<=+e[1];n++)t.push({value:+n,text:"".concat(n)});return t}(u.yearRange)})),ne=(0,r.Fl)((function(){return e=u.locale,t=u.monthNameFormat,n=new Intl.DateTimeFormat(e,{month:t,timeZone:"UTC"}),[1,2,3,4,5,6,7,8,9,10,11,12].map((function(e){var t=e<10?"0".concat(e):e;return new Date("2017-".concat(t,"-01T00:00:00+00:00"))})).map((function(e,t){return{text:n.format(e),value:t}}));var e,t,n})),ae=(0,r.Fl)((function(){return Ue(S.value,D.value,+u.weekStart,u.hideOffsetDates)})),oe=(0,r.Fl)((function(){return Ue(O.value,C.value,+u.weekStart,u.hideOffsetDates)})),le=(0,r.Fl)((function(){return u.twoCalendars&&u.range?[1,2]:[1]})),ue=(0,r.Fl)((function(){return function(e){return 1===e}})),de=(0,r.Fl)((function(){return u.monthPicker||u.timePicker})),me=(0,r.Fl)((function(){return{dp__calendar_wrapper:!0,dp__flex_display:u.twoCalendars}})),pe=(0,r.Fl)((function(){return ge(ae)})),fe=(0,r.Fl)((function(){return ge(oe)})),ve=(0,r.Fl)((function(){return{locale:u.locale,weekNumName:u.weekNumName,weekStart:u.weekStart,weekNumbers:u.weekNumbers,enableTimePicker:u.enableTimePicker,disableMonthYearSelect:u.disableMonthYearSelect,is24:u.is24,hoursIncrement:u.hoursIncrement,minutesIncrement:u.minutesIncrement,secondsIncrement:u.secondsIncrement,hoursGridIncrement:u.hoursGridIncrement,minutesGridIncrement:u.minutesGridIncrement,secondsGridIncrement:u.secondsGridIncrement,monthPicker:u.monthPicker,timePicker:u.timePicker,range:u.range,filters:u.filters,minTime:u.minTime,maxTime:u.maxTime,customProps:u.customProps,hours:I.value,minutes:U.value,seconds:x.value,calendarClassName:u.calendarClassName,specificMode:de.value,getWeekNum:j,twoCalendars:u.twoCalendars,months:ne.value,years:te.value,noHoursOverlay:u.noHoursOverlay,noMinutesOverlay:u.noMinutesOverlay,noSecondsOverlay:u.noSecondsOverlay,twoCalendarsSolo:u.twoCalendarsSolo,modeHeight:u.modeHeight,enableSeconds:u.enableSeconds}})),ye=(0,r.Fl)((function(){var e;return T(e={dp__menu:!0},u.menuClassName,!!u.menuClassName),T(e,"dp__relative",u.inline),e})),ge=function(e){return e.value.map((function(e){return Bt(Bt({},e),{},{days:e.days.map((function(e){var t=$(e.value),n=J(t,e);return e.marker=z(e),e.classData=T({dp__cell_offset:!e.current,dp__pointer:!(t||!e.current&&u.hideOffsetDates),dp__active_date:!u.range&&B(e),dp__date_hover:n,dp__date_hover_start:L(n,e,!0),dp__date_hover_end:L(n,e,!1),dp__range_between:!(!u.range||u.twoCalendars&&!e.current||t||!e.current&&u.hideOffsetDates||B(e))&&F(e),dp__today:!u.noToday&&_e(e.value,b.value),dp__cell_disabled:t,dp__cell_auto_range:H(e),dp__cell_auto_range_start:V(e),dp__cell_auto_range_end:Z(e),dp__range_start:u.twoCalendars?e.current&&Y(e):Y(e),dp__range_end:u.twoCalendars?e.current&&Y(e,!1):Y(e,!1)},u.calendarCellClassName,!!u.calendarCellClassName),e}))})}))},ke=function(e){e.stopImmediatePropagation()},De=function(){u.escClose&&n("closePicker")},Oe=function(e){e.stopImmediatePropagation(),e.preventDefault(),u.spaceConfirm&&n("selectDate")};return function(t,n){return(0,a.wg)(),(0,a.iD)("div",{id:e.uid?"dp-menu-".concat(e.uid):null,tabindex:"0",ref:function(e,t){t.dpMenuRef=e,c.value=e},role:"dialog","aria-label":"Datepicker menu",class:(0,o.C_)((0,r.SU)(ye)),onMouseleave:n[7]||(n[7]=function(){return(0,r.SU)(W)&&(0,r.SU)(W).apply(void 0,arguments)}),onClick:ke,onKeydown:[(0,l.D2)(De,["esc"]),(0,l.D2)(Oe,["space"]),n[8]||(n[8]=(0,l.D2)((function(e){return(0,r.SU)(R)("left",!1)}),["left"])),n[9]||(n[9]=(0,l.D2)((function(e){return(0,r.SU)(R)("right",!1)}),["right"]))]},[e.inline?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",{key:0,class:(0,o.C_)((0,r.SU)(ee))},null,2)),(0,a._)("div",{class:(0,o.C_)((0,r.SU)(me)),ref:function(e,t){t.calendarWrapperRef=e,s.value=e},role:"document"},[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)((0,r.SU)(le),(function(l){return(0,a.wg)(),(0,a.j4)(St,(0,a.dG)((0,r.SU)(ve),{key:l,instance:l,"mapped-dates":(0,r.SU)(ue)(l)?(0,r.SU)(pe):(0,r.SU)(fe),month:(0,r.SU)(ue)(l)?(0,r.SU)(S):(0,r.SU)(O),year:(0,r.SU)(ue)(l)?(0,r.SU)(D):(0,r.SU)(C),"month-year-component":e.monthYearComponent,"time-picker-component":e.timePickerComponent,"onUpdate:hours":n[0]||(n[0]=function(e){return(0,r.SU)(w)(e)}),"onUpdate:minutes":n[1]||(n[1]=function(e){return(0,r.SU)(w)(e,!1)}),"onUpdate:seconds":n[2]||(n[2]=function(e){return(0,r.SU)(w)(e,!1,!0)}),"onUpdate:month":function(e){return(0,r.SU)(h)(e,!0,!(0,r.SU)(ue)(l))},"onUpdate:year":function(e){return(0,r.SU)(h)(e,!1,!(0,r.SU)(ue)(l))},onMonthYearSelect:(0,r.SU)(G),onSelectDate:function(e){return(0,r.SU)(A)(e,!(0,r.SU)(ue)(l))},onSetHoverDate:n[3]||(n[3]=function(e){return(0,r.SU)(q)(e)}),onHandleScroll:function(e){return(0,r.SU)(K)(e,!(0,r.SU)(ue)(l))}}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(X),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(Bt({},n))))]}))}}))]),1040,["instance","mapped-dates","month","year","month-year-component","time-picker-component","onUpdate:month","onUpdate:year","onMonthYearSelect","onSelectDate","onHandleScroll"])})),128))],2),e.showNowButton?((0,a.wg)(),(0,a.iD)("div",Zt,[t.$slots["now-button"]?(0,a.WI)(t.$slots,"now-button",{key:0,selectCurrentDate:(0,r.SU)(E)}):(0,a.kq)("",!0),t.$slots["now-button"]?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("button",{key:1,type:"button",role:"button",class:"dp__now_button",onClick:n[4]||(n[4]=function(){return(0,r.SU)(E)&&(0,r.SU)(E).apply(void 0,arguments)})},(0,o.zw)(e.nowButtonLabel),1))])):(0,a.kq)("",!0),e.autoApply?(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)((0,a.LL)(e.actionRowComponent?e.actionRowComponent:Mt),(0,a.dG)({key:2},{calendarWidth:d.value,selectText:e.selectText,cancelText:e.cancelText,internalModelValue:e.internalModelValue,range:e.range,previewFormat:e.previewFormat,inline:e.inline,monthPicker:e.monthPicker,timePicker:e.timePicker,customProps:e.customProps,twoCalendars:e.twoCalendars,menuMount:m.value,maxTime:e.maxTime,minTime:e.minTime,enableTimePicker:e.enableTimePicker},{onClosePicker:n[5]||(n[5]=function(e){return t.$emit("closePicker")}),onSelectDate:n[6]||(n[6]=function(e){return t.$emit("selectDate")})}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(Q),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(Bt({},n))))]}))}}))]),1040))],42,qt)}}});(jt=At||(At={})).center="center",jt.left="left",jt.right="right";var Vt="undefined"!=typeof window?window:void 0,Ft=function(){},Wt=function(e,t,n,o){if(!e)return Ft;var l,u=Ft,i=(0,a.YP)((function(){return(0,r.SU)(e)}),(function(e){u(),e&&(e.addEventListener(t,n,o),u=function(){e.removeEventListener(t,n,o),u=Ft})}),{immediate:!0,flush:"post"}),s=function(){i(),u()};return l=s,(0,r.nZ)()&&(0,r.EB)(l),s};function Yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Gt(e){for(var t=1;t0&&void 0!==arguments[0])||arguments[0],r=Ne(a);if(r){var l=r.getBoundingClientRect(),s=l.left,d=l.width,m=l.height,p=(t?i(r):u(r)).top,f={top:"".concat(m+p+10,"px"),left:"",transform:"none"};e===At.left&&(f.left="".concat(s,"px")),e===At.right&&(f.left="".concat(s+d,"px"),f.transform="translateX(-100%)"),e===At.center&&(f.left="".concat(s+d/2,"px"),f.transform="translateX(-50%)"),o.value=f,n&&c()}},c=function(){var e=Ne(a);if(e){var r=e.getBoundingClientRect(),c=r.height,d=r.top,m=(t?i(e):u(e)).top,p=window.innerHeight-d-c,f=Ne(n);if(f){var v=f.getBoundingClientRect().height,y=v+c;y>d&&y>p?dp?(o.value.top="".concat(m-v-10,"px"),l.value=!0):(s(!1),l.value=!1)}}};return{openOnTop:l,menuPosition:o,setMenuPosition:s,recalculatePosition:c}}(u.position,u.altPosition,d,m),y=v.openOnTop,w=v.menuPosition,h=v.setMenuPosition,b=v.recalculatePosition,S=function(e,t,n,o,l,u,i,s,c){var d=(0,r.iH)(""),m=(0,r.iH)();(0,a.YP)(m,(function(){c("internalModelChange",m.value)}));var p=function(){if(m.value)if(e&&"string"!=typeof e)d.value=e(t?ve(m.value):n?fe(m.value):m.value);else{var a=me(e,u,s,n,t,i);d.value=ye(m.value,a)}else d.value=""};return{parseExternalModelValue:function(e){var a=null;e?t?function(e){return Array.isArray(e)&&2===e.length}(e)&&"hours"in e[0]&&"minutes"in e[0]?a=[ie(null,+e[0].hours,+e[0].minutes,+e[0].seconds),ie(null,+e[1].hours,+e[1].minutes,+e[0].seconds)]:function(e){return"object"===Dt(e)}(e)&&(a=ie(null,+e.hours,+e.minutes,+e.seconds)):n?function(e){return"object"===Dt(e)}(e)&&"month"in e&&"year"in e&&(a=ce(null,+e.month,+e.year)):o?function(e,t){return t?Array.isArray(e):Ut(e)}(e,l)&&(a=[new Date(e[0]),e[1]?new Date(e[1]):null]):function(e){return"string"==typeof e||"object"===Dt(e)}(e)&&(a=new Date(e)):a=null,ue(a)?(m.value=a,p()):(m.value=null,d.value="")},formatInputValue:p,internalModelValue:m,inputValue:d,emitModelValue:function(){n?c("update:modelValue",fe(m.value)):t?c("update:modelValue",ve(m.value)):(o&&l&&1===m.value.length&&m.value.push(null),c("update:modelValue",m.value)),p()},checkBeforeEmit:function(){return!!m.value&&(o?l?m.value.length>=1:2===m.value.length:!!m.value)}}}(u.format,u.timePicker,u.monthPicker,u.range,u.partialRange,u.is24,u.enableTimePicker,u.enableSeconds,l),D=S.internalModelValue,O=S.inputValue,C=S.parseExternalModelValue,I=S.emitModelValue,U=S.checkBeforeEmit,x=(0,r.Fl)((function(){return{dp__main:!0,dp__theme_dark:u.dark,dp__theme_light:!u.dark,dp__flex_display:u.inline}})),N=(0,r.Fl)((function(){return xt(u.format)?u.format:me(null,u.is24,u.enableSeconds,u.monthPicker,u.timePicker,u.enableTimePicker)})),$=(0,r.Fl)((function(){return u.previewFormat?u.previewFormat:xt(N.value)?N.value:u.format})),P=(0,r.Fl)((function(){return"boolean"==typeof u.transitions?!!u.transitions&&$e({}):$e(u.transitions)}));(0,a.JJ)("transitions",P);var M=(0,r.Fl)((function(){return u.dark?"dp__theme_dark":"dp__theme_light"})),T=(0,r.Fl)((function(){return Object.assign({enterSubmit:!0,tabSubmit:!0,openMenu:!0,rangeSeparator:"-"},u.textInputOptions)})),B=(0,r.Fl)((function(){return e=u.filters,Object.assign({months:[],years:[],times:{hours:[],minutes:[],seconds:[]}},e);var e})),A=(0,r.Fl)((function(){var e=function(e){var t={hours:(0,_.Z)(new Date),minutes:(0,g.Z)(new Date),seconds:(0,k.Z)(new Date)};return Object.assign(t,e)};return u.range?u.startTime&&Array.isArray(u.startTime)?[e(u.startTime[0]),e(u.startTime[1])]:null:u.startTime&&!Array.isArray(u.startTime)?e(u.startTime):null})),j=function e(){s.value&&(u.closeOnScroll?Y():u.autoPosition?h():window.removeEventListener("scroll",e))},q=function(){s.value&&h()},Z=function(){u.disabled||u.readonly||(h(),s.value=!s.value,s.value||W(),s.value&&(l("open"),l("focus")),C(u.modelValue))},H=function(){O.value="",W(),l("update:modelValue",null),l("cleared"),Y()},V=function(){U()&&(I(),Y())},F=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(u.autoApply){var t=!u.enableTimePicker||Ce(D.value,u.maxTime,u.minTime);t&&(I(),u.closeOnAutoApply&&!e&&Y())}},W=function(){D.value=null},Y=function(){u.inline||(s.value&&(s.value=!1,l("closed"),l("blur")),W(),m.value&&m.value.unFocus())},G=function(e,t){e?(D.value=e,t&&(V(),l("textSubmit"))):D.value=null},K=function(){u.autoApply&&Ce(D.value,u.maxTime,u.minTime)&&I()};return function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},r=a.window,o=void 0===r?Vt:r,l=a.event,u=void 0===l?"pointerdown":l;if(o){var i=function(a){var r=Ne(e),o=Ne(t);r&&o&&(r===a.target||a.composedPath().includes(r)||a.composedPath().includes(o)||n(a))};Wt(o,u,i,{passive:!0})}}(d,m,Y),n({closeMenu:Y,selectDate:V,clearValue:H,openMenu:Z,onScroll:j}),function(t,n){return(0,a.wg)(),(0,a.iD)("div",{class:(0,o.C_)((0,r.SU)(x))},[(0,a.Wm)(Ae,(0,a.dG)({ref:function(e,t){t.inputRef=e,m.value=e}},{placeholder:e.placeholder,hideInputIcon:e.hideInputIcon,readonly:e.readonly,disabled:e.disabled,inputClassName:e.inputClassName,clearable:e.clearable,state:e.state,inline:e.inline,textInput:e.textInput,textInputOptions:(0,r.SU)(T),range:e.range,isMenuOpen:s.value,pattern:(0,r.SU)(N),autoApply:e.autoApply,uid:e.uid,openMenuOnFocus:e.openMenuOnFocus},{"input-value":(0,r.SU)(O),"onUpdate:input-value":n[0]||(n[0]=function(e){return(0,r.dq)(O)?O.value=e:null}),onClear:H,onOpen:Z,onSetInputDate:G,onSetEmptyDate:(0,r.SU)(I),onSelectDate:V,onClose:Y}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(f),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(n)))]}))}}))]),1040,["input-value","onSetEmptyDate"]),s.value?((0,a.wg)(),(0,a.j4)(a.lR,{key:0,to:e.teleport,disabled:e.inline},[s.value?((0,a.wg)(),(0,a.j4)(Ht,(0,a.dG)({key:0,ref:function(e,t){t.dpMenuRef=e,d.value=e},class:(0,r.SU)(M),style:(0,r.SU)(w)},{weekNumbers:e.weekNumbers,weekStart:e.weekStart,disableMonthYearSelect:e.disableMonthYearSelect,menuClassName:e.menuClassName,calendarClassName:e.calendarClassName,yearRange:e.yearRange,range:e.range,twoCalendars:e.twoCalendars,calendarCellClassName:e.calendarCellClassName,enableTimePicker:e.enableTimePicker,is24:e.is24,hoursIncrement:e.hoursIncrement,minutesIncrement:e.minutesIncrement,hoursGridIncrement:e.hoursGridIncrement,minutesGridIncrement:e.minutesGridIncrement,minDate:e.minDate,maxDate:e.maxDate,autoApply:e.autoApply,selectText:e.selectText,cancelText:e.cancelText,previewFormat:(0,r.SU)($),locale:e.locale,weekNumName:e.weekNumName,disabledDates:e.disabledDates,filters:(0,r.SU)(B),minTime:e.minTime,maxTime:e.maxTime,inline:e.inline,openOnTop:(0,r.SU)(y),monthPicker:e.monthPicker,timePicker:e.timePicker,monthNameFormat:e.monthNameFormat,startDate:e.startDate,startTime:(0,r.SU)(A),monthYearComponent:e.monthYearComponent,timePickerComponent:e.timePickerComponent,actionRowComponent:e.actionRowComponent,customProps:e.customProps,hideOffsetDates:e.hideOffsetDates,autoRange:e.autoRange,noToday:e.noToday,noHoursOverlay:e.noHoursOverlay,noMinutesOverlay:e.noMinutesOverlay,twoCalendarsSolo:e.twoCalendarsSolo,disabledWeekDays:e.disabledWeekDays,allowedDates:e.allowedDates,showNowButton:e.showNowButton,nowButtonLabel:e.nowButtonLabel,monthChangeOnScroll:e.monthChangeOnScroll,markers:e.markers,uid:e.uid,modeHeight:e.modeHeight,enableSeconds:e.enableSeconds,secondsIncrement:e.secondsIncrement,secondsGridIncrement:e.secondsGridIncrement,noSecondsOverlay:e.noSecondsOverlay,escClose:e.escClose,spaceConfirm:e.spaceConfirm,monthChangeOnArrows:e.monthChangeOnArrows,textInput:e.textInput},{internalModelValue:(0,r.SU)(D),"onUpdate:internalModelValue":n[1]||(n[1]=function(e){return(0,r.dq)(D)?D.value=e:null}),onClosePicker:Y,onSelectDate:V,onDpOpen:(0,r.SU)(b),onAutoApply:F,onTimeUpdate:K}),(0,a.Nv)({_:2},[(0,a.Ko)((0,r.SU)(p),(function(e,n){return{name:e,fn:(0,a.w5)((function(n){return[(0,a.WI)(t.$slots,e,(0,o.vs)((0,a.F4)(Gt({},n))))]}))}}))]),1040,["class","style","internalModelValue","onDpOpen"])):(0,a.kq)("",!0)],8,["to","disabled"])):(0,a.kq)("",!0)],2)}}}),Rt=function(){var e=Kt;return e.install=function(t){t.component("Vue3DatePicker",e)},e}()}}]);
\ No newline at end of file
diff --git a/docs/assets/js/runtime~app.cf72065e.js b/docs/assets/js/runtime~app.df07aaed.js
similarity index 98%
rename from docs/assets/js/runtime~app.cf72065e.js
rename to docs/assets/js/runtime~app.df07aaed.js
index 6fca57b..d8521df 100644
--- a/docs/assets/js/runtime~app.cf72065e.js
+++ b/docs/assets/js/runtime~app.df07aaed.js
@@ -1 +1 @@
-(()=>{"use strict";var e,t,r,a,o,n={},d={};function i(e){var t=d[e];if(void 0!==t)return t.exports;var r=d[e]={exports:{}};return n[e].call(r.exports,r,r.exports,i),r.exports}i.m=n,e=[],i.O=(t,r,a,o)=>{if(!r){var n=1/0;for(l=0;l=o)&&Object.keys(i.O).every((e=>i.O[e](r[c])))?r.splice(c--,1):(d=!1,o0&&e[l-1][2]>o;l--)e[l]=e[l-1];e[l]=[r,a,o]},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>"assets/js/"+({88:"v-3706649a",150:"v-d446beac",192:"v-08a5d2dc",260:"v-59de75e8",267:"v-241ec4c4",278:"v-55146a0d",455:"v-0dd9e6a8",509:"v-8daa1a0e",757:"v-fb37d6ea",879:"v-9014096a"}[e]||e)+"."+{3:"bc9e694e",5:"eadba0a8",70:"fa35355d",88:"6b99dc03",112:"a2ab7b9d",150:"34299685",175:"1edbc6af",186:"cc0abd03",192:"4dbc8cab",241:"cdde064e",260:"d1d53851",267:"c679710e",277:"4129f596",278:"0a54841d",315:"2950d1a9",317:"e76580d7",347:"e6e7b07b",367:"4262d97e",390:"ceb96cf9",397:"fa30f1e6",455:"e5d1aee0",469:"553b125f",491:"1238e3e9",509:"320c4975",511:"be59d847",554:"a6dc3f47",560:"f10be8bd",583:"eda85f06",596:"c038bc49",679:"ac917879",680:"164c7959",686:"777a5cc6",757:"074410be",807:"704e3c0f",813:"aac23e72",879:"5930c3a3",916:"70c45e69"}[e]+".js",i.miniCssF=e=>"assets/css/"+e+".styles."+{186:"cc0abd03",277:"4129f596",583:"eda85f06",686:"777a5cc6",916:"70c45e69"}[e]+".css",i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),t={},r="vue3-date-time-picker-documentation:",i.l=(e,a,o,n)=>{if(t[e])t[e].push(a);else{var d,c;if(void 0!==o)for(var s=document.getElementsByTagName("script"),l=0;l{d.onerror=d.onload=null,clearTimeout(v);var o=t[e];if(delete t[e],d.parentNode&&d.parentNode.removeChild(d),o&&o.forEach((e=>e(a))),r)return r(a)},v=setTimeout(f.bind(null,void 0,{type:"timeout",target:d}),12e4);d.onerror=f.bind(null,d.onerror),d.onload=f.bind(null,d.onload),c&&document.head.appendChild(d)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="/",a=e=>new Promise(((t,r)=>{var a=i.miniCssF(e),o=i.p+a;if(((e,t)=>{for(var r=document.getElementsByTagName("link"),a=0;a{var o=document.createElement("link");o.rel="stylesheet",o.type="text/css",o.onerror=o.onload=n=>{if(o.onerror=o.onload=null,"load"===n.type)r();else{var d=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.href||t,c=new Error("Loading CSS chunk "+e+" failed.\n("+i+")");c.code="CSS_CHUNK_LOAD_FAILED",c.type=d,c.request=i,o.parentNode.removeChild(o),a(c)}},o.href=t,document.head.appendChild(o)})(e,o,t,r)})),o={523:0},i.f.miniCss=(e,t)=>{o[e]?t.push(o[e]):0!==o[e]&&{186:1,277:1,583:1,686:1,916:1}[e]&&t.push(o[e]=a(e).then((()=>{o[e]=0}),(t=>{throw delete o[e],t})))},(()=>{var e={523:0,752:0};i.f.j=(t,r)=>{var a=i.o(e,t)?e[t]:void 0;if(0!==a)if(a)r.push(a[2]);else if(/^((18|68|91)6|277|523|583|752)$/.test(t))e[t]=0;else{var o=new Promise(((r,o)=>a=e[t]=[r,o]));r.push(a[2]=o);var n=i.p+i.u(t),d=new Error;i.l(n,(r=>{if(i.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var o=r&&("load"===r.type?"missing":r.type),n=r&&r.target&&r.target.src;d.message="Loading chunk "+t+" failed.\n("+o+": "+n+")",d.name="ChunkLoadError",d.type=o,d.request=n,a[1](d)}}),"chunk-"+t,t)}},i.O.j=t=>0===e[t];var t=(t,r)=>{var a,o,[n,d,c]=r,s=0;if(n.some((t=>0!==e[t]))){for(a in d)i.o(d,a)&&(i.m[a]=d[a]);if(c)var l=c(i)}for(t&&t(r);s{"use strict";var e,t,r,a,o,n={},d={};function i(e){var t=d[e];if(void 0!==t)return t.exports;var r=d[e]={exports:{}};return n[e].call(r.exports,r,r.exports,i),r.exports}i.m=n,e=[],i.O=(t,r,a,o)=>{if(!r){var n=1/0;for(l=0;l=o)&&Object.keys(i.O).every((e=>i.O[e](r[c])))?r.splice(c--,1):(d=!1,o0&&e[l-1][2]>o;l--)e[l]=e[l-1];e[l]=[r,a,o]},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>"assets/js/"+({88:"v-3706649a",150:"v-d446beac",192:"v-08a5d2dc",260:"v-59de75e8",267:"v-241ec4c4",278:"v-55146a0d",455:"v-0dd9e6a8",509:"v-8daa1a0e",757:"v-fb37d6ea",879:"v-9014096a"}[e]||e)+"."+{3:"bc9e694e",5:"eadba0a8",70:"fa35355d",88:"6b99dc03",112:"a2ab7b9d",150:"34299685",175:"1edbc6af",186:"cc0abd03",192:"4dbc8cab",241:"cdde064e",260:"d1d53851",267:"c679710e",277:"4129f596",278:"0a54841d",315:"2950d1a9",317:"8605225a",347:"e6e7b07b",367:"4262d97e",390:"ceb96cf9",397:"fa30f1e6",455:"e5d1aee0",469:"553b125f",491:"1238e3e9",509:"320c4975",511:"be59d847",554:"a6dc3f47",560:"f10be8bd",583:"eda85f06",596:"c038bc49",679:"ac917879",680:"164c7959",686:"777a5cc6",757:"074410be",807:"704e3c0f",813:"aac23e72",879:"5930c3a3",916:"70c45e69"}[e]+".js",i.miniCssF=e=>"assets/css/"+e+".styles."+{186:"cc0abd03",277:"4129f596",583:"eda85f06",686:"777a5cc6",916:"70c45e69"}[e]+".css",i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),t={},r="vue3-date-time-picker-documentation:",i.l=(e,a,o,n)=>{if(t[e])t[e].push(a);else{var d,c;if(void 0!==o)for(var s=document.getElementsByTagName("script"),l=0;l{d.onerror=d.onload=null,clearTimeout(v);var o=t[e];if(delete t[e],d.parentNode&&d.parentNode.removeChild(d),o&&o.forEach((e=>e(a))),r)return r(a)},v=setTimeout(f.bind(null,void 0,{type:"timeout",target:d}),12e4);d.onerror=f.bind(null,d.onerror),d.onload=f.bind(null,d.onload),c&&document.head.appendChild(d)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="/",a=e=>new Promise(((t,r)=>{var a=i.miniCssF(e),o=i.p+a;if(((e,t)=>{for(var r=document.getElementsByTagName("link"),a=0;a{var o=document.createElement("link");o.rel="stylesheet",o.type="text/css",o.onerror=o.onload=n=>{if(o.onerror=o.onload=null,"load"===n.type)r();else{var d=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.href||t,c=new Error("Loading CSS chunk "+e+" failed.\n("+i+")");c.code="CSS_CHUNK_LOAD_FAILED",c.type=d,c.request=i,o.parentNode.removeChild(o),a(c)}},o.href=t,document.head.appendChild(o)})(e,o,t,r)})),o={523:0},i.f.miniCss=(e,t)=>{o[e]?t.push(o[e]):0!==o[e]&&{186:1,277:1,583:1,686:1,916:1}[e]&&t.push(o[e]=a(e).then((()=>{o[e]=0}),(t=>{throw delete o[e],t})))},(()=>{var e={523:0,752:0};i.f.j=(t,r)=>{var a=i.o(e,t)?e[t]:void 0;if(0!==a)if(a)r.push(a[2]);else if(/^((18|68|91)6|277|523|583|752)$/.test(t))e[t]=0;else{var o=new Promise(((r,o)=>a=e[t]=[r,o]));r.push(a[2]=o);var n=i.p+i.u(t),d=new Error;i.l(n,(r=>{if(i.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var o=r&&("load"===r.type?"missing":r.type),n=r&&r.target&&r.target.src;d.message="Loading chunk "+t+" failed.\n("+o+": "+n+")",d.name="ChunkLoadError",d.type=o,d.request=n,a[1](d)}}),"chunk-"+t,t)}},i.O.j=t=>0===e[t];var t=(t,r)=>{var a,o,[n,d,c]=r,s=0;if(n.some((t=>0!==e[t]))){for(a in d)i.o(d,a)&&(i.m[a]=d[a]);if(c)var l=c(i)}for(t&&t(r);s
     
     SCSS | Vue 3 Datepicker
-    
+    
     
   
   
@@ -43,6 +43,6 @@
 $dp__preview_font_size: 0.8rem !default; // font size of the date preview in the action row
 $dp__time_font_size: 2rem !default; // font size in the time picker
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
Last Updated: 12/5/2021, 2:41:02 PM

-    
+    
   
 
diff --git a/docs/customization/theming/index.html b/docs/customization/theming/index.html
index 9acda0c..69c22a9 100644
--- a/docs/customization/theming/index.html
+++ b/docs/customization/theming/index.html
@@ -5,7 +5,7 @@
     
     
     Theming | Vue 3 Datepicker
-    
+    
     
   
   
@@ -48,6 +48,6 @@
   --dp-danger-color: #ff6f60;
 }
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
Last Updated: 12/5/2021, 2:41:02 PM

-    
+    
   
 
diff --git a/docs/index.html b/docs/index.html
index 737eaf0..5df147c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -5,11 +5,11 @@
     
     
     Vue 3 Datepicker | Vue 3 Datepicker
-    
+    
     
   
   
     
Vue 3 Datepicker
⭐️ If you like the component, give it a star on GitHubopen in new window and consider sponsoringopen in new window its development! ⭐
 vue3-date-time-picker
 The most complete datepicker solution for Vue 3
Licenseopen in new window npmopen in new window Downloads Open issuesopen in new window CI Release date
Vue 3 date time picker is a lightweight yet powerful and reusable datepicker component. It aims to provide a high level of customization to fit within any project. Offers a great range of features, slots and props, while providing a way to customize for specific needs. Written in typescript to provide a great developer experience.
Getting started
CodeSandbox Playgroundopen in new window
 Features
 Single date picker
 Range date picker
 Time picker
 Month picker
 Text input
 Locale support
 Week numbers
 Dark and light theme
 SSR support
 Highly configurable
 Accessible
 Types included
 © Vuepic 2021 
Last Updated: 12/8/2021, 8:26:10 PM

-    
+    
   
 
diff --git a/docs/installation/index.html b/docs/installation/index.html
index ec9b50f..4d97180 100644
--- a/docs/installation/index.html
+++ b/docs/installation/index.html
@@ -5,7 +5,7 @@
     
     
     Installation | Vue 3 Datepicker
-    
+    
     
   
   
@@ -83,6 +83,6 @@
     }).mount("#app");
 </script>
1
2
3
4
5

That's it, you are ready to go

Last Updated: 12/4/2021, 9:32:10 PM
- +