@xy-planning-network/trees 0.7.0-rc-1 → 0.7.0-rc-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/README.md +32 -22
  2. package/config/eslint.js +25 -0
  3. package/config/prettier.js +6 -0
  4. package/config/{tailwind.config.js → tailwind.config.ts} +7 -6
  5. package/config/theme/{animation.js → animation.ts} +2 -2
  6. package/config/theme/colors.ts +59 -0
  7. package/config/theme/fontFamily.ts +6 -0
  8. package/config/theme/index.ts +9 -0
  9. package/dist/style.css +1 -1
  10. package/dist/trees.es.js +6375 -8377
  11. package/dist/trees.umd.js +7 -7
  12. package/package.json +29 -28
  13. package/src/index.css +3 -11
  14. package/src/lib-components/forms/BaseInput.vue +5 -3
  15. package/src/lib-components/forms/Checkbox.vue +2 -2
  16. package/src/lib-components/forms/DateRangePicker.vue +36 -3
  17. package/src/lib-components/forms/MultiCheckboxes.vue +3 -3
  18. package/src/lib-components/forms/Radio.vue +4 -4
  19. package/src/lib-components/forms/RadioCards.vue +8 -8
  20. package/src/lib-components/forms/Select.vue +2 -2
  21. package/src/lib-components/forms/TextArea.vue +5 -3
  22. package/src/lib-components/forms/Toggle.vue +2 -2
  23. package/src/lib-components/forms/YesOrNoRadio.vue +3 -3
  24. package/src/lib-components/indicators/XYSpinner.vue +1 -1
  25. package/src/lib-components/layout/DateFilter.vue +2 -2
  26. package/src/lib-components/layout/SidebarLayout.vue +22 -11
  27. package/src/lib-components/layout/StackedLayout.vue +7 -7
  28. package/src/lib-components/lists/Cards.vue +1 -1
  29. package/src/lib-components/lists/DataTable.vue +102 -0
  30. package/src/lib-components/lists/DetailList.vue +4 -4
  31. package/src/lib-components/lists/DownloadCell.vue +1 -1
  32. package/src/lib-components/lists/{Table.vue → DynamicTable.vue} +153 -104
  33. package/src/lib-components/lists/TableActionButtons.vue +47 -0
  34. package/src/lib-components/navigation/ActionsDropdown.vue +52 -51
  35. package/src/lib-components/navigation/Paginator.vue +5 -5
  36. package/src/lib-components/navigation/Steps.vue +5 -5
  37. package/src/lib-components/navigation/Tabs.vue +5 -5
  38. package/src/lib-components/overlays/ContentModal.vue +3 -3
  39. package/src/lib-components/overlays/Flash.vue +52 -42
  40. package/src/lib-components/overlays/Modal.vue +8 -8
  41. package/src/lib-components/overlays/Popover/Popover.vue +35 -193
  42. package/src/lib-components/overlays/Slideover.vue +10 -6
  43. package/src/lib-components/overlays/Spinner.vue +27 -24
  44. package/src/lib-components/overlays/Tooltip.vue +39 -9
  45. package/types/api/base.d.ts +15 -34
  46. package/types/api/client.d.ts +183 -0
  47. package/types/composables/date.d.ts +6 -0
  48. package/types/composables/index.d.ts +2 -1
  49. package/types/composables/nav.d.ts +8 -1
  50. package/types/composables/table.d.ts +80 -23
  51. package/types/composables/useActionItems.d.ts +12 -0
  52. package/types/composables/useBaseAPI.d.ts +17 -25
  53. package/types/composables/useFlashes.d.ts +12 -7
  54. package/types/composables/useSpinner.d.ts +1 -1
  55. package/types/composables/useTable.d.ts +32 -0
  56. package/types/entry.d.ts +4 -5
  57. package/types/lib-components/forms/BaseInput.vue.d.ts +32 -30
  58. package/types/lib-components/forms/Checkbox.vue.d.ts +27 -22
  59. package/types/lib-components/forms/DateRangePicker.vue.d.ts +37 -30
  60. package/types/lib-components/forms/FieldsetLegend.vue.d.ts +29 -10
  61. package/types/lib-components/forms/InputHelp.vue.d.ts +26 -17
  62. package/types/lib-components/forms/InputLabel.vue.d.ts +29 -23
  63. package/types/lib-components/forms/MultiCheckboxes.vue.d.ts +49 -47
  64. package/types/lib-components/forms/Radio.vue.d.ts +50 -45
  65. package/types/lib-components/forms/RadioCards.vue.d.ts +68 -48
  66. package/types/lib-components/forms/Select.vue.d.ts +38 -43
  67. package/types/lib-components/forms/TextArea.vue.d.ts +31 -25
  68. package/types/lib-components/forms/Toggle.vue.d.ts +23 -12
  69. package/types/lib-components/forms/YesOrNoRadio.vue.d.ts +34 -32
  70. package/types/lib-components/index.d.ts +5 -5
  71. package/types/lib-components/indicators/XYSpinner.vue.d.ts +8 -1
  72. package/types/lib-components/layout/DateFilter.vue.d.ts +8 -12
  73. package/types/lib-components/layout/SidebarLayout.vue.d.ts +37 -28
  74. package/types/lib-components/layout/StackedLayout.vue.d.ts +37 -33
  75. package/types/lib-components/lists/Cards.vue.d.ts +5 -7
  76. package/types/lib-components/lists/DataTable.vue.d.ts +37 -0
  77. package/types/lib-components/lists/DetailList.vue.d.ts +37 -26
  78. package/types/lib-components/lists/DownloadCell.vue.d.ts +5 -8
  79. package/types/lib-components/lists/DynamicTable.vue.d.ts +44 -0
  80. package/types/lib-components/lists/StaticTable.vue.d.ts +11 -8
  81. package/types/lib-components/lists/StaticTableActionSlot.vue.d.ts +27 -0
  82. package/types/lib-components/lists/Table.vue.d.ts +28 -18
  83. package/types/lib-components/lists/TableActionButtons.vue.d.ts +27 -0
  84. package/types/lib-components/navigation/ActionsDropdown.vue.d.ts +19 -18
  85. package/types/lib-components/navigation/ActionsDropdownCallback.vue.d.ts +18 -0
  86. package/types/lib-components/navigation/ActionsDropdownEmit.vue.d.ts +22 -0
  87. package/types/lib-components/navigation/Paginator.vue.d.ts +7 -9
  88. package/types/lib-components/navigation/Steps.vue.d.ts +34 -39
  89. package/types/lib-components/navigation/Tabs.vue.d.ts +32 -28
  90. package/types/lib-components/overlays/ContentModal.vue.d.ts +32 -16
  91. package/types/lib-components/overlays/Flash.vue.d.ts +1 -1
  92. package/types/lib-components/overlays/Modal.vue.d.ts +43 -36
  93. package/types/lib-components/overlays/Popover/Popover.vue.d.ts +42 -19
  94. package/types/lib-components/overlays/Popover/PopoverContent.vue.d.ts +8 -1
  95. package/types/lib-components/overlays/Slideover.vue.d.ts +16 -12
  96. package/types/lib-components/overlays/Spinner.vue.d.ts +1 -1
  97. package/types/lib-components/overlays/Tooltip.vue.d.ts +35 -19
  98. package/config/theme/colors.js +0 -28
  99. package/config/theme/fontFamily.js +0 -4
  100. package/config/theme/index.js +0 -5
  101. package/src/lib-components/lists/StaticTable.vue +0 -83
  102. package/types/api/url.d.ts +0 -1
  103. package/types/composables/usePopper.d.ts +0 -19
  104. package/types/global.d.ts +0 -13
  105. package/types/types/lists.d.ts +0 -12
package/README.md CHANGED
@@ -57,6 +57,25 @@ Additional peer dependecies will be installed by NPM. If you are using NPM < 7 y
57
57
 
58
58
  ## Setup
59
59
 
60
+ ### ESLint
61
+
62
+ **Initialize ESLint rules in .eslintrc.js**
63
+
64
+ ```js
65
+ /* eslint-env node */
66
+ export default = {
67
+ extends: "./node_modules/@xy-planning-network/trees/config/eslint.ts",
68
+ }
69
+ ```
70
+
71
+ ### Prettier
72
+
73
+ **Initialize Prettier rules in .prettierrc.json**
74
+
75
+ ```json
76
+ "@xy-planning-network/trees/config/prettier.js"
77
+ ```
78
+
60
79
  ### Fonts
61
80
 
62
81
  **Include Inter Var in html template**
@@ -67,6 +86,19 @@ Additional peer dependecies will be installed by NPM. If you are using NPM < 7 y
67
86
  </head>
68
87
  ```
69
88
 
89
+ **Optionally include Work Sans in html template**
90
+
91
+ ```html
92
+ <head>
93
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
94
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
95
+ <link
96
+ href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
97
+ rel="stylesheet"
98
+ />
99
+ </head>
100
+ ```
101
+
70
102
  ### Styles
71
103
 
72
104
  **Initialize styles in main.css**
@@ -106,20 +138,12 @@ This is the best option when tree shaking and final bundle size is important to
106
138
 
107
139
  ```ts
108
140
  // main.ts
109
-
110
- // include the type interface for the Window global - includes Window.VueBus and Window.Flashes
111
- /// <reference types="@xy-planning-network/trees/types/global" />
112
-
113
141
  import Vue, { createApp } from "vue"
114
- import Mitt from "mitt"
115
142
  import App from "./App.vue"
116
143
 
117
144
  // import your project's main stylesheet
118
145
  import "@/main.css"
119
146
 
120
- // initialize mitt on VueBus for Flashes
121
- window.VueBus = Mitt()
122
-
123
147
  // initialize the app
124
148
  const app = createApp(App)
125
149
  app.mount("#vue-app")
@@ -154,23 +178,16 @@ This example installs all components of Trees globally so you don't need to impo
154
178
 
155
179
  ```ts
156
180
  // main.ts
157
-
158
- // include the type interface for the Window global - includes Window.VueBus and Window.Flashes
159
- /// <reference types="@xy-planning-network/trees/types/global" />
160
181
  // include the type interfaces for Trees components installed globally on the Vue instance
161
182
  /// <reference types="@xy-planning-network/trees/types/components" />
162
183
 
163
184
  import Vue, { createApp } from "vue"
164
- import Mitt from "mitt"
165
185
  import Trees from "@xy-planning-network/trees"
166
186
  import App from "./App.vue"
167
187
 
168
188
  // import your project's main stylesheet
169
189
  import "@/main.css"
170
190
 
171
- // initialize mitt on VueBus for flashes support
172
- window.VueBus = Mitt()
173
-
174
191
  // initialize the app
175
192
  const app = createApp(App)
176
193
 
@@ -266,20 +283,13 @@ export default {
266
283
  ```ts
267
284
  // main.ts
268
285
 
269
- // include the type interface for the Window global - includes Window.VueBus and Window.Flashes
270
- /// <reference types="@xy-planning-network/trees/types/global" />
271
-
272
286
  import Vue, { createApp } from "vue"
273
- import Mitt from "mitt"
274
287
  import App from "./App.vue"
275
288
  import TreesFormComponents from "./plugins/trees"
276
289
 
277
290
  // import your project's main stylesheet
278
291
  import "@/main.css"
279
292
 
280
- // initialize mitt on VueBus for event support
281
- window.VueBus = Mitt()
282
-
283
293
  // initialize the app
284
294
  const app = createApp(App)
285
295
 
package/config/eslint.js ADDED
@@ -0,0 +1,25 @@
1
+ /* eslint-env node */
2
+ require("@rushstack/eslint-patch/modern-module-resolution")
3
+
4
+ module.exports = {
5
+ root: true,
6
+ extends: [
7
+ "plugin:vue/vue3-recommended",
8
+ "eslint:recommended",
9
+ "@vue/eslint-config-typescript",
10
+ "@vue/eslint-config-prettier/skip-formatting",
11
+ ],
12
+ parserOptions: {
13
+ ecmaVersion: "latest",
14
+ },
15
+ rules: {
16
+ "vue/multi-word-component-names": 0,
17
+ "@typescript-eslint/no-explicit-any": 0,
18
+ "@typescript-eslint/no-empty-interface": [
19
+ "error",
20
+ {
21
+ allowSingleExtends: true,
22
+ },
23
+ ],
24
+ },
25
+ }
package/config/prettier.js ADDED
@@ -0,0 +1,6 @@
1
+ /* eslint-env node */
2
+ module.exports = {
3
+ $schema: "http://json.schemastore.org/prettierrc",
4
+ semi: false,
5
+ trailingComma: "es5",
6
+ }
package/config/{tailwind.config.js → tailwind.config.ts} RENAMED
@@ -1,12 +1,13 @@
1
- /* eslint-disable */
2
- const path = require("path")
3
- const treesTheme = require("./theme")
1
+ import path from "path"
2
+ import treesTheme from "./theme"
4
3
 
5
- module.exports = {
6
- content: [path.resolve(__dirname, "../src/lib-components/**/*.vue")],
4
+ export default {
5
+ content: [
6
+ path.resolve(__dirname, "../src/lib-components/**/*.vue"),
7
+ path.resolve(__dirname, "../src/composables/**/*.ts"),
8
+ ],
7
9
  plugins: [
8
10
  require("@tailwindcss/forms"),
9
- require("@tailwindcss/line-clamp"),
10
11
  require("@tailwindcss/typography")({
11
12
  modifiers: ["sm", "lg", "xl"],
12
13
  }),
package/config/theme/{animation.js → animation.ts} RENAMED
@@ -1,3 +1,3 @@
1
- module.exports = {
1
+ export default {
2
2
  "spin-gear": "spin 4s cubic-bezier(.68,-0.55,.47,1.55) infinite",
3
- };
3
+ }
package/config/theme/colors.ts ADDED
@@ -0,0 +1,59 @@
1
+ import colors from "tailwindcss/colors"
2
+
3
+ export const brandColors = {
4
+ blue: {
5
+ 50: "#C9E4F6",
6
+ 100: "#B3D9F3",
7
+ 200: "#81C2F7",
8
+ 300: "#52A8FA",
9
+ 400: "#268CFA",
10
+ 500: "#1F6DF4",
11
+ 600: "#2850BE", // xy-blue Brand:Blueberry
12
+ 700: "#20399B",
13
+ 800: "#161E74",
14
+ 900: "#0C044E", // xy-indigo Brand:Indigo Girl
15
+ },
16
+ green: {
17
+ 50: "#DEEFB7",
18
+ 100: "#CBE698",
19
+ 200: "#B7DD79", // xy-green Brand:Pistachio
20
+ 300: "#9FCF6C",
21
+ 400: "#86C25F",
22
+ 500: "#6DB454",
23
+ 600: "#51A749",
24
+ 700: "#469946",
25
+ 800: "#3B8A43",
26
+ 900: "#307D41",
27
+ },
28
+ neutral: {
29
+ // holding on usage for potential palette update
30
+ 50: "#FAF9F8",
31
+ 100: "#E7E6E5",
32
+ 200: "#C9C8C7",
33
+ 300: "#B0AFAE",
34
+ 400: "#979696",
35
+ 500: "#7F7E7D",
36
+ 600: "#666565",
37
+ 700: "#4D4C4C",
38
+ 800: "#333333", // xy-black Brand:XYPN Black
39
+ 900: "#1C1B1B",
40
+ },
41
+ }
42
+
43
+ export default {
44
+ gray: colors["neutral"], // adopt Tailwind - Neutral as the primary gray palette
45
+ "xy-blue": {
46
+ DEFAULT: brandColors["blue"][600],
47
+ ...brandColors["blue"],
48
+ },
49
+ "xy-indigo": {
50
+ DEFAULT: brandColors["blue"][900],
51
+ },
52
+ "xy-green": {
53
+ DEFAULT: brandColors["green"][200],
54
+ ...brandColors["green"],
55
+ },
56
+ "xy-black": {
57
+ DEFAULT: brandColors["neutral"][800],
58
+ },
59
+ }
package/config/theme/fontFamily.ts ADDED
@@ -0,0 +1,6 @@
1
+ import defaultTheme from "tailwindcss/defaultTheme"
2
+
3
+ export default {
4
+ display: ["Work Sans", ...defaultTheme.fontFamily.sans],
5
+ sans: ["Inter var", ...defaultTheme.fontFamily.sans],
6
+ }
package/config/theme/index.ts ADDED
@@ -0,0 +1,9 @@
1
+ import animation from "./animation"
2
+ import colors from "./colors"
3
+ import fontFamily from "./fontFamily"
4
+
5
+ export default {
6
+ animation: animation,
7
+ colors: colors,
8
+ fontFamily: fontFamily,
9
+ }
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\fffd;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.list-move,.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.list-leave-active{position:absolute}
1
+ .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.list-move,.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.list-leave-active{position:absolute}