├── mix-manifest.json
├── webpack.mix.js
├── .gitignore
├── src
    ├── DateFilter.php
    ├── CustomFilter.php
    └── FieldServiceProvider.php
├── resources
    ├── js
    │   ├── index.js
    │   └── components
    │   │   ├── SelectFilter.vue
    │   │   ├── FilterSelector.vue
    │   │   └── DatePicker.vue
    └── airbnb-modified.css
├── composer.json
├── package.json
├── README.md
└── dist
    └── js
        └── custom-filters.js


/mix-manifest.json:
--------------------------------------------------------------------------------
1 | {
2 |     "/dist/js/custom-filters.js": "/dist/js/custom-filters.js"
3 | }


--------------------------------------------------------------------------------
/webpack.mix.js:
--------------------------------------------------------------------------------
1 | let mix = require('laravel-mix');
2 | 
3 | mix.js('resources/js', 'dist/js/custom-filters.js').webpackConfig({
4 |   resolve: {
5 |     symlinks: false
6 |   }
7 | });
8 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | /.idea
 2 | /vendor
 3 | /node_modules
 4 | package-lock.json
 5 | composer.phar
 6 | composer.lock
 7 | phpunit.xml
 8 | .phpunit.result.cache
 9 | .DS_Store
10 | Thumbs.db
11 | 


--------------------------------------------------------------------------------
/src/DateFilter.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace R64\Filters;
 4 | 
 5 | abstract class DateFilter extends CustomFilter
 6 | {
 7 |     /**
 8 |      * The name of the Vue component to be used for this filter
 9 |      *
10 |      * @return string
11 |      */
12 |     protected function componentName()
13 |     {
14 |         return 'date-picker';
15 |     }
16 | }
17 | 


--------------------------------------------------------------------------------
/resources/js/index.js:
--------------------------------------------------------------------------------
 1 | import DatePicker from './components/DatePicker'
 2 | import FilterSelector from './components/FilterSelector'
 3 | import SelectFilter from './components/SelectFilter'
 4 | 
 5 | Nova.booting((Vue, router) => {
 6 |   Vue.component('date-picker', DatePicker)
 7 |   Vue.component('filter-selector', FilterSelector)
 8 |   Vue.component('select-filter', SelectFilter)
 9 | })
10 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "64robots/nova-date-filter",
 3 |   "description": "A Laravel Nova date filter.",
 4 |   "keywords": [
 5 |     "laravel",
 6 |     "nova",
 7 |     "date",
 8 |     "filter"
 9 |   ],
10 |   "license": "MIT",
11 |   "require": {
12 |     "php": ">=7.1.0"
13 |   },
14 |   "autoload": {
15 |     "psr-4": {
16 |       "R64\\Filters\\": "src/"
17 |     }
18 |   },
19 |   "extra": {
20 |     "laravel": {
21 |       "providers": [
22 |         "R64\\Filters\\FieldServiceProvider"
23 |       ]
24 |     }
25 |   },
26 |   "config": {
27 |     "sort-packages": true
28 |   },
29 |   "minimum-stability": "dev",
30 |   "prefer-stable": true
31 | }
32 | 


--------------------------------------------------------------------------------
/src/CustomFilter.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace R64\Filters;
 4 | 
 5 | use Laravel\Nova\Filters\Filter;
 6 | 
 7 | abstract class CustomFilter extends Filter
 8 | {
 9 |     /**
10 |      * Prepare the filter for JSON serialization.
11 |      *
12 |      * @return array
13 |      */
14 |     public function jsonSerialize()
15 |     {
16 |         return array_merge(parent::jsonSerialize(), [
17 |             'customComponent' => true,
18 |             'component'       => $this->componentName(),
19 |         ]);
20 |     }
21 | 
22 |     /**
23 |      * The name of the Vue component to be used for this filter
24 |      *
25 |      * @return string
26 |      */
27 |     protected abstract function componentName();
28 | }
29 | 


--------------------------------------------------------------------------------
/src/FieldServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace R64\Filters;
 4 | 
 5 | use Laravel\Nova\Nova;
 6 | use Laravel\Nova\Events\ServingNova;
 7 | use Illuminate\Support\ServiceProvider;
 8 | 
 9 | class FieldServiceProvider extends ServiceProvider
10 | {
11 |     /**
12 |      * Bootstrap any application services.
13 |      *
14 |      * @return void
15 |      */
16 |     public function boot()
17 |     {
18 |         Nova::serving(function (ServingNova $event) {
19 |             Nova::script('nova-custom-filters', __DIR__.'/../dist/js/custom-filters.js');
20 |         });
21 |     }
22 | 
23 |     /**
24 |      * Register any application services.
25 |      *
26 |      * @return void
27 |      */
28 |     public function register()
29 |     {
30 |         //
31 |     }
32 | }
33 | 


--------------------------------------------------------------------------------
/resources/js/components/SelectFilter.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <select
 3 |         :dusk="filter.name + '-filter-select'"
 4 |         class="block w-full form-control-sm form-select"
 5 |         :value="value"
 6 |         @change="filterChanged"
 7 |     >
 8 |         <option value="" selected>&mdash;</option>
 9 |          <option
10 |             v-for="option in filter.options"
11 |             :key="option.value"
12 |             :value="option.value"
13 |         >
14 |             {{ option.name }}
15 |         </option>
16 |     </select>
17 | </template>
18 |  <script>
19 | export default {
20 |   props: {
21 |     filter: {
22 |       type: Object,
23 |       required: true
24 |     },
25 |     value: {
26 |       type: [String, Number],
27 |       required: true
28 |     }
29 |   },
30 |   methods: {
31 |     filterChanged(event) {
32 |       this.$emit('input', event.target.value)
33 |       this.$emit('change')
34 |     }
35 |   }
36 | }
37 | </script>
38 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "private": true,
 3 |     "scripts": {
 4 |         "dev": "npm run development",
 5 |         "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
 6 |         "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
 7 |         "watch-poll": "npm run watch -- --watch-poll",
 8 |         "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
 9 |         "prod": "npm run production",
10 |         "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
11 |     },
12 |     "devDependencies": {
13 |         "cross-env": "^5.0.0",
14 |         "flatpickr": "^4.5.2",
15 |         "laravel-mix": "^1.0",
16 |         "laravel-nova": "^1.0",
17 |         "vue": "^2.5.0"
18 |     }
19 | }
20 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # DEPRECATED
 2 | 
 3 | Since Nova 1.1.8 this feature has been adopted to the core. You should upgrade Nova and use that filter instead.
 4 | 
 5 | ## Date Filter for Laravel Nova
 6 | 
 7 | Nova filter that displays a Date Picker instead of a select.
 8 | 
 9 | ### Demo
10 | 
11 | ![Demo](http://g.recordit.co/7sG50yEf7O.gif)
12 | 
13 | ### Install
14 | 
15 | Run this command in your nova project:
16 | `composer require 64robots/nova-date-filter`
17 | 
18 | ### How to use
19 | 
20 | Just use DateFilter class instead of Filter
21 | 
22 | ```php
23 | use R64\Filters\DateFilter;
24 | 
25 | class DateFrom extends DateFilter
26 | {
27 |   //
28 | }
29 | ```
30 | 
31 | ### Customization
32 | 
33 | As Date Filter is not a select anymore we can use options method to pass the date picker config
34 | 
35 | ```php
36 | use R64\Filters\DateFilter;
37 | 
38 | class DateFrom extends DateFilter
39 | {
40 |   //...
41 | 
42 |   public function options(Request $request)
43 |   {
44 |     return [
45 |       'dateFormat' => 'Y-m-d', // default Y-m-d H:i:S
46 |       'placeholder' => 'My placeholder', // default __('Pick a date')
47 |       'disabled' => true, // default false
48 |       'twelveHourTime' => true, // default false
49 |       'enableTime' => true, // default false
50 |       'enableSeconds' => true, // default false
51 |     ];
52 |   }
53 | }
54 | ```
55 | 


--------------------------------------------------------------------------------
/resources/js/components/FilterSelector.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <filter-select
 4 |       v-for="filter in filters"
 5 |       :key="filter.name"
 6 |     >
 7 |       <h3
 8 |         slot="default"
 9 |         class="text-sm uppercase tracking-wide text-80 bg-30 p-3"
10 |       >
11 |         {{ filter.name }}
12 |       </h3>
13 |       <template slot="select">
14 |         <div
15 |           v-if="filter.customComponent"
16 |           :is="filter.component"
17 |           :filter="filter"
18 |           v-model="filter.currentValue"
19 |           @input="filterChanged(filter)"
20 |         >
21 |         </div>
22 |         <select-filter
23 |           v-else
24 |           slot="select"
25 |           :filter="filter"
26 |           v-model="filter.currentValue"
27 |           @change="filterChanged(filter)"
28 |         />
29 |       </template>
30 |     </filter-select>
31 |   </div>
32 | </template>
33 | 
34 | <script>
35 | export default {
36 |   props: ['filters', 'currentFilters'],
37 | 
38 |   /**
39 |    * Mount the component.
40 |    */
41 |   mounted() {
42 |     this.current = this.currentFilters
43 |   },
44 | 
45 |   methods: {
46 |     /**
47 |      * Handle a filter selection change.
48 |      */
49 |     filterChanged(filter) {
50 |       let newCurrent = _.reject(
51 |         this.currentFilters,
52 |         f => f.class == filter.class
53 |       )
54 | 
55 |       if (filter.currentValue !== '') {
56 |         newCurrent.push({
57 |           class: filter.class,
58 |           value: filter.currentValue
59 |         })
60 |       }
61 | 
62 |       this.$emit('update:currentFilters', newCurrent)
63 |       this.$emit('changed', newCurrent)
64 |     }
65 |   }
66 | }
67 | </script>
68 | 


--------------------------------------------------------------------------------
/resources/js/components/DatePicker.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <input
 3 |     class="w-full form-control form-input form-input-bordered"
 4 |     :disabled="optionsdisabled"
 5 |     :class="{'!cursor-not-allowed': disabled}"
 6 |     :value="value"
 7 |     ref="datePicker"
 8 |     type="text"
 9 |     :placeholder="placeholder"
10 |   >
11 | </template>
12 | <script>
13 | import flatpickr from 'flatpickr'
14 | import '../../airbnb-modified.css'
15 | 
16 | export default {
17 |   props: {
18 |     value: {
19 |       type: String,
20 |       default: ''
21 |     },
22 |     filter: {
23 |       type: Object,
24 |       default: () => ({})
25 |     }
26 |   },
27 | 
28 |   data: () => ({ flatpickr: null }),
29 | 
30 |   computed: {
31 |     placeholder() {
32 |       return this.getOption('placeholder') || this.__('Pick a date')
33 |     },
34 | 
35 |     disabled() {
36 |       return this.getOption('disabled')
37 |     },
38 | 
39 |     dateFormat() {
40 |       return this.getOption('dateFormat') || 'Y-m-d H:i:S'
41 |     },
42 | 
43 |     twelveHourTime() {
44 |       return this.getOption('twelveHourTime')
45 |     },
46 | 
47 |     enableTime() {
48 |       return this.getOption('enableTime')
49 |     },
50 | 
51 |     enableSeconds() {
52 |       return this.getOption('enableSeconds')
53 |     }
54 |   },
55 | 
56 |   mounted() {
57 |     const self = this
58 |     this.$nextTick(() => {
59 |       this.flatpickr = flatpickr(this.$refs.datePicker, {
60 |         enableTime: this.enableTime,
61 |         enableSeconds: this.enableSeconds,
62 |         onClose: this.onChange,
63 |         onChange: this.onChange,
64 |         dateFormat: this.dateFormat,
65 |         allowInput: true,
66 |         static: true,
67 |         time_24hr: !this.twelveHourTime,
68 |         onReady() {
69 |           self.$refs.datePicker.parentNode.classList.add('date-filter')
70 |         }
71 |       })
72 |       const wrapper = document.querySelector('.dropdown-menu div')
73 |       wrapper.classList.remove('overflow-hidden')
74 |     })
75 |   },
76 | 
77 |   methods: {
78 |     getOption(name) {
79 |       const option = this.filter.options.find(o => o.name === name)
80 |       if (!option) return false
81 |       return option.value
82 |     },
83 | 
84 |     onChange(event) {
85 |       this.$emit('input', this.$refs.datePicker.value)
86 |     }
87 |   }
88 | }
89 | </script>
90 | <style scoped>
91 | .\!cursor-not-allowed {
92 |   cursor: not-allowed !important;
93 | }
94 | </style>
95 | 


--------------------------------------------------------------------------------
/resources/airbnb-modified.css:
--------------------------------------------------------------------------------
  1 | .date-filter .flatpickr-calendar {
  2 |   background: transparent;
  3 |   opacity: 0;
  4 |   display: none;
  5 |   text-align: center;
  6 |   visibility: hidden;
  7 |   padding: 0;
  8 |   -webkit-animation: none;
  9 |   animation: none;
 10 |   direction: ltr;
 11 |   border: 0;
 12 |   font-size: 14px;
 13 |   line-height: 24px;
 14 |   border-radius: 5px;
 15 |   position: absolute;
 16 |   width: 264px;
 17 |   -webkit-box-sizing: border-box;
 18 |   box-sizing: border-box;
 19 |   -ms-touch-action: manipulation;
 20 |   touch-action: manipulation;
 21 |   background: #fff;
 22 |   -webkit-box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee,
 23 |     0 3px 13px rgba(0, 0, 0, 0.08);
 24 |   box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee,
 25 |     0 3px 13px rgba(0, 0, 0, 0.08);
 26 | }
 27 | .date-filter .flatpickr-calendar.open,
 28 | .date-filter .flatpickr-calendar.inline {
 29 |   opacity: 1;
 30 |   max-height: 640px;
 31 |   visibility: visible;
 32 | }
 33 | .date-filter .flatpickr-calendar.open {
 34 |   display: inline-block;
 35 |   z-index: 99999;
 36 | }
 37 | .date-filter .flatpickr-calendar.animate.open {
 38 |   -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
 39 |   animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
 40 | }
 41 | .date-filter .flatpickr-calendar.inline {
 42 |   display: block;
 43 |   position: relative;
 44 |   top: 2px;
 45 | }
 46 | .date-filter .flatpickr-calendar.static {
 47 |   position: absolute;
 48 |   top: calc(100% + 2px);
 49 | }
 50 | .date-filter .flatpickr-calendar.static.open {
 51 |   z-index: 999;
 52 |   display: block;
 53 | }
 54 | .date-filter
 55 |   .flatpickr-calendar.multiMonth
 56 |   .flatpickr-days
 57 |   .dayContainer:nth-child(n + 1)
 58 |   .flatpickr-day.inRange:nth-child(7n + 7) {
 59 |   -webkit-box-shadow: none !important;
 60 |   box-shadow: none !important;
 61 | }
 62 | .date-filter
 63 |   .flatpickr-calendar.multiMonth
 64 |   .flatpickr-days
 65 |   .dayContainer:nth-child(n + 2)
 66 |   .flatpickr-day.inRange:nth-child(7n + 1) {
 67 |   -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
 68 |   box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
 69 | }
 70 | .date-filter .flatpickr-calendar .hasWeeks .dayContainer,
 71 | .date-filter .flatpickr-calendar .hasTime .dayContainer {
 72 |   border-bottom: 0;
 73 |   border-bottom-right-radius: 0;
 74 |   border-bottom-left-radius: 0;
 75 | }
 76 | .date-filter .flatpickr-calendar .hasWeeks .dayContainer {
 77 |   border-left: 0;
 78 | }
 79 | .date-filter .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
 80 |   height: 40px;
 81 |   border-top: 1px solid #eee;
 82 | }
 83 | .date-filter .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
 84 |   height: auto;
 85 | }
 86 | .date-filter .flatpickr-calendar:before,
 87 | .date-filter .flatpickr-calendar:after {
 88 |   position: absolute;
 89 |   display: block;
 90 |   pointer-events: none;
 91 |   border: solid transparent;
 92 |   content: '';
 93 |   height: 0;
 94 |   width: 0;
 95 |   left: 22px;
 96 | }
 97 | .date-filter .flatpickr-calendar.rightMost:before,
 98 | .date-filter .flatpickr-calendar.rightMost:after {
 99 |   left: auto;
100 |   right: 22px;
101 | }
102 | .date-filter .flatpickr-calendar:before {
103 |   border-width: 5px;
104 |   margin: 0 -5px;
105 | }
106 | .date-filter .flatpickr-calendar:after {
107 |   border-width: 4px;
108 |   margin: 0 -4px;
109 | }
110 | .date-filter .flatpickr-calendar.arrowTop:before,
111 | .date-filter .flatpickr-calendar.arrowTop:after {
112 |   bottom: 100%;
113 | }
114 | .date-filter .flatpickr-calendar.arrowTop:before {
115 |   border-bottom-color: #eee;
116 | }
117 | .date-filter .flatpickr-calendar.arrowTop:after {
118 |   border-bottom-color: #fff;
119 | }
120 | .date-filter .flatpickr-calendar.arrowBottom:before,
121 | .date-filter .flatpickr-calendar.arrowBottom:after {
122 |   top: 100%;
123 | }
124 | .date-filter .flatpickr-calendar.arrowBottom:before {
125 |   border-top-color: #eee;
126 | }
127 | .date-filter .flatpickr-calendar.arrowBottom:after {
128 |   border-top-color: #fff;
129 | }
130 | .date-filter .flatpickr-calendar:focus {
131 |   outline: 0;
132 | }
133 | .flatpickr-wrapper.date-filter {
134 |   display: block;
135 |   width: 100%;
136 | }
137 | .flatpickr-months {
138 |   display: -webkit-box;
139 |   display: -webkit-flex;
140 |   display: -ms-flexbox;
141 |   display: flex;
142 | }
143 | .flatpickr-months .flatpickr-month {
144 |   background: transparent;
145 |   color: #3c3f40;
146 |   fill: #3c3f40;
147 |   height: 28px;
148 |   line-height: 1;
149 |   text-align: center;
150 |   position: relative;
151 |   -webkit-user-select: none;
152 |   -moz-user-select: none;
153 |   -ms-user-select: none;
154 |   user-select: none;
155 |   overflow: hidden;
156 |   -webkit-box-flex: 1;
157 |   -webkit-flex: 1;
158 |   -ms-flex: 1;
159 |   flex: 1;
160 | }
161 | .flatpickr-months .flatpickr-prev-month,
162 | .flatpickr-months .flatpickr-next-month {
163 |   text-decoration: none;
164 |   cursor: pointer;
165 |   position: absolute;
166 |   top: 0px;
167 |   line-height: 16px;
168 |   height: 28px;
169 |   padding: 10px;
170 |   z-index: 3;
171 |   color: #3c3f40;
172 |   fill: #3c3f40;
173 | }
174 | .flatpickr-months .flatpickr-prev-month.disabled,
175 | .flatpickr-months .flatpickr-next-month.disabled {
176 |   display: none;
177 | }
178 | .flatpickr-months .flatpickr-prev-month i,
179 | .flatpickr-months .flatpickr-next-month i {
180 |   position: relative;
181 | }
182 | .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
183 | .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
184 |   /*
185 |           /*rtl:begin:ignore*/
186 |   /*
187 |           */
188 |   left: 0;
189 |   /*
190 |           /*rtl:end:ignore*/
191 |   /*
192 |           */
193 | }
194 | /*
195 |       /*rtl:begin:ignore*/
196 | /*
197 |       /*rtl:end:ignore*/
198 | .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
199 | .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
200 |   /*
201 |           /*rtl:begin:ignore*/
202 |   /*
203 |           */
204 |   right: 0;
205 |   /*
206 |           /*rtl:end:ignore*/
207 |   /*
208 |           */
209 | }
210 | /*
211 |       /*rtl:begin:ignore*/
212 | /*
213 |       /*rtl:end:ignore*/
214 | .flatpickr-months .flatpickr-prev-month:hover,
215 | .flatpickr-months .flatpickr-next-month:hover {
216 |   color: #f64747;
217 | }
218 | .flatpickr-months .flatpickr-prev-month:hover svg,
219 | .flatpickr-months .flatpickr-next-month:hover svg {
220 |   fill: #f64747;
221 | }
222 | .flatpickr-months .flatpickr-prev-month svg,
223 | .flatpickr-months .flatpickr-next-month svg {
224 |   width: 14px;
225 |   height: 14px;
226 | }
227 | .flatpickr-months .flatpickr-prev-month svg path,
228 | .flatpickr-months .flatpickr-next-month svg path {
229 |   -webkit-transition: fill 0.1s;
230 |   transition: fill 0.1s;
231 |   fill: inherit;
232 | }
233 | .numInputWrapper {
234 |   position: relative;
235 |   height: auto;
236 | }
237 | .numInputWrapper input,
238 | .numInputWrapper span {
239 |   display: inline-block;
240 | }
241 | .numInputWrapper input {
242 |   width: 100%;
243 | }
244 | .numInputWrapper input::-ms-clear {
245 |   display: none;
246 | }
247 | .numInputWrapper span {
248 |   position: absolute;
249 |   right: 0;
250 |   width: 14px;
251 |   padding: 0 4px 0 2px;
252 |   height: 50%;
253 |   line-height: 50%;
254 |   opacity: 0;
255 |   cursor: pointer;
256 |   border: 1px solid rgba(64, 72, 72, 0.15);
257 |   -webkit-box-sizing: border-box;
258 |   box-sizing: border-box;
259 | }
260 | .numInputWrapper span:hover {
261 |   background: rgba(0, 0, 0, 0.1);
262 | }
263 | .numInputWrapper span:active {
264 |   background: rgba(0, 0, 0, 0.2);
265 | }
266 | .numInputWrapper span:after {
267 |   display: block;
268 |   content: '';
269 |   position: absolute;
270 | }
271 | .numInputWrapper span.arrowUp {
272 |   top: 0;
273 |   border-bottom: 0;
274 | }
275 | .numInputWrapper span.arrowUp:after {
276 |   border-left: 4px solid transparent;
277 |   border-right: 4px solid transparent;
278 |   border-bottom: 4px solid rgba(64, 72, 72, 0.6);
279 |   top: 26%;
280 | }
281 | .numInputWrapper span.arrowDown {
282 |   top: 50%;
283 | }
284 | .numInputWrapper span.arrowDown:after {
285 |   border-left: 4px solid transparent;
286 |   border-right: 4px solid transparent;
287 |   border-top: 4px solid rgba(64, 72, 72, 0.6);
288 |   top: 40%;
289 | }
290 | .numInputWrapper span svg {
291 |   width: inherit;
292 |   height: auto;
293 | }
294 | .numInputWrapper span svg path {
295 |   fill: rgba(60, 63, 64, 0.5);
296 | }
297 | .numInputWrapper:hover {
298 |   background: rgba(0, 0, 0, 0.05);
299 | }
300 | .numInputWrapper:hover span {
301 |   opacity: 1;
302 | }
303 | .flatpickr-current-month {
304 |   font-size: 135%;
305 |   line-height: inherit;
306 |   font-weight: 300;
307 |   color: inherit;
308 |   position: absolute;
309 |   width: 75%;
310 |   left: 12.5%;
311 |   padding: 6.16px 0 0 0;
312 |   line-height: 1;
313 |   height: 28px;
314 |   display: inline-block;
315 |   text-align: center;
316 |   -webkit-transform: translate3d(0px, 0px, 0px);
317 |   transform: translate3d(0px, 0px, 0px);
318 | }
319 | .flatpickr-current-month span.cur-month {
320 |   font-family: inherit;
321 |   font-weight: 700;
322 |   color: inherit;
323 |   display: inline-block;
324 |   margin-left: 0.5ch;
325 |   padding: 0;
326 | }
327 | .flatpickr-current-month span.cur-month:hover {
328 |   background: rgba(0, 0, 0, 0.05);
329 | }
330 | .flatpickr-current-month .numInputWrapper {
331 |   width: 6ch;
332 |   width: 7ch\0;
333 |   display: inline-block;
334 | }
335 | .flatpickr-current-month .numInputWrapper span.arrowUp:after {
336 |   border-bottom-color: #3c3f40;
337 | }
338 | .flatpickr-current-month .numInputWrapper span.arrowDown:after {
339 |   border-top-color: #3c3f40;
340 | }
341 | .flatpickr-current-month input.cur-year {
342 |   background: transparent;
343 |   -webkit-box-sizing: border-box;
344 |   box-sizing: border-box;
345 |   color: inherit;
346 |   cursor: text;
347 |   padding: 0 0 0 0.5ch;
348 |   margin: 0;
349 |   display: inline-block;
350 |   font-size: inherit;
351 |   font-family: inherit;
352 |   font-weight: 300;
353 |   line-height: inherit;
354 |   height: auto;
355 |   border: 0;
356 |   border-radius: 0;
357 |   vertical-align: initial;
358 | }
359 | .flatpickr-current-month input.cur-year:focus {
360 |   outline: 0;
361 | }
362 | .flatpickr-current-month input.cur-year[disabled],
363 | .flatpickr-current-month input.cur-year[disabled]:hover {
364 |   font-size: 100%;
365 |   color: rgba(60, 63, 64, 0.5);
366 |   background: transparent;
367 |   pointer-events: none;
368 | }
369 | .date-filter .flatpickr-weekdays {
370 |   background: transparent;
371 |   text-align: center;
372 |   overflow: hidden;
373 |   width: 100%;
374 |   display: -webkit-box;
375 |   display: -webkit-flex;
376 |   display: -ms-flexbox;
377 |   display: flex;
378 |   -webkit-box-align: center;
379 |   -webkit-align-items: center;
380 |   -ms-flex-align: center;
381 |   align-items: center;
382 |   height: 28px;
383 |   max-width: 250px;
384 | }
385 | .flatpickr-weekdays .flatpickr-weekdaycontainer {
386 |   display: -webkit-box;
387 |   display: -webkit-flex;
388 |   display: -ms-flexbox;
389 |   display: flex;
390 |   -webkit-box-flex: 1;
391 |   -webkit-flex: 1;
392 |   -ms-flex: 1;
393 |   flex: 1;
394 | }
395 | span.flatpickr-weekday {
396 |   cursor: default;
397 |   font-size: 90%;
398 |   background: transparent;
399 |   color: rgba(0, 0, 0, 0.54);
400 |   line-height: 1;
401 |   margin: 0;
402 |   text-align: center;
403 |   display: block;
404 |   -webkit-box-flex: 1;
405 |   -webkit-flex: 1;
406 |   -ms-flex: 1;
407 |   flex: 1;
408 |   font-weight: bolder;
409 | }
410 | .dayContainer,
411 | .flatpickr-weeks {
412 |   padding: 1px 0 0 0;
413 | }
414 | .date-filter .flatpickr-days {
415 |   position: relative;
416 |   overflow: hidden;
417 |   display: -webkit-box;
418 |   display: -webkit-flex;
419 |   display: -ms-flexbox;
420 |   display: flex;
421 |   -webkit-box-align: start;
422 |   -webkit-align-items: flex-start;
423 |   -ms-flex-align: start;
424 |   align-items: flex-start;
425 |   width: 264px;
426 | }
427 | .flatpickr-days:focus {
428 |   outline: 0;
429 | }
430 | .date-filter .dayContainer {
431 |   padding: 0;
432 |   outline: 0;
433 |   text-align: left;
434 |   width: 100%;
435 |   min-width: 250px;
436 |   max-width: 250px;
437 |   -webkit-box-sizing: border-box;
438 |   box-sizing: border-box;
439 |   display: inline-block;
440 |   display: -ms-flexbox;
441 |   display: -webkit-box;
442 |   display: -webkit-flex;
443 |   display: flex;
444 |   -webkit-flex-wrap: wrap;
445 |   flex-wrap: wrap;
446 |   -ms-flex-wrap: wrap;
447 |   -ms-flex-pack: justify;
448 |   -webkit-justify-content: space-around;
449 |   justify-content: space-around;
450 |   -webkit-transform: translate3d(0px, 0px, 0px);
451 |   transform: translate3d(0px, 0px, 0px);
452 |   opacity: 1;
453 | }
454 | .dayContainer + .dayContainer {
455 |   -webkit-box-shadow: -1px 0 0 #eee;
456 |   box-shadow: -1px 0 0 #eee;
457 | }
458 | .flatpickr-day {
459 |   background: none;
460 |   border: 1px solid transparent;
461 |   border-radius: 150px;
462 |   -webkit-box-sizing: border-box;
463 |   box-sizing: border-box;
464 |   color: #404848;
465 |   cursor: pointer;
466 |   font-weight: 400;
467 |   width: 14.2857143%;
468 |   -webkit-flex-basis: 14.2857143%;
469 |   -ms-flex-preferred-size: 14.2857143%;
470 |   flex-basis: 14.2857143%;
471 |   max-width: 39px;
472 |   height: 39px;
473 |   line-height: 39px;
474 |   margin: 0;
475 |   display: inline-block;
476 |   position: relative;
477 |   -webkit-box-pack: center;
478 |   -webkit-justify-content: center;
479 |   -ms-flex-pack: center;
480 |   justify-content: center;
481 |   text-align: center;
482 | }
483 | .flatpickr-day.inRange,
484 | .flatpickr-day.prevMonthDay.inRange,
485 | .flatpickr-day.nextMonthDay.inRange,
486 | .flatpickr-day.today.inRange,
487 | .flatpickr-day.prevMonthDay.today.inRange,
488 | .flatpickr-day.nextMonthDay.today.inRange,
489 | .flatpickr-day:hover,
490 | .flatpickr-day.prevMonthDay:hover,
491 | .flatpickr-day.nextMonthDay:hover,
492 | .flatpickr-day:focus,
493 | .flatpickr-day.prevMonthDay:focus,
494 | .flatpickr-day.nextMonthDay:focus {
495 |   cursor: pointer;
496 |   outline: 0;
497 |   background: #e9e9e9;
498 |   border-color: #e9e9e9;
499 | }
500 | .flatpickr-day.today {
501 |   border-color: #f64747;
502 | }
503 | .flatpickr-day.today:hover,
504 | .flatpickr-day.today:focus {
505 |   border-color: #f64747;
506 |   background: #f64747;
507 |   color: #fff;
508 | }
509 | .flatpickr-day.selected,
510 | .flatpickr-day.startRange,
511 | .flatpickr-day.endRange,
512 | .flatpickr-day.selected.inRange,
513 | .flatpickr-day.startRange.inRange,
514 | .flatpickr-day.endRange.inRange,
515 | .flatpickr-day.selected:focus,
516 | .flatpickr-day.startRange:focus,
517 | .flatpickr-day.endRange:focus,
518 | .flatpickr-day.selected:hover,
519 | .flatpickr-day.startRange:hover,
520 | .flatpickr-day.endRange:hover,
521 | .flatpickr-day.selected.prevMonthDay,
522 | .flatpickr-day.startRange.prevMonthDay,
523 | .flatpickr-day.endRange.prevMonthDay,
524 | .flatpickr-day.selected.nextMonthDay,
525 | .flatpickr-day.startRange.nextMonthDay,
526 | .flatpickr-day.endRange.nextMonthDay {
527 |   background: #4f99ff;
528 |   -webkit-box-shadow: none;
529 |   box-shadow: none;
530 |   color: #fff;
531 |   border-color: #4f99ff;
532 | }
533 | .flatpickr-day.selected.startRange,
534 | .flatpickr-day.startRange.startRange,
535 | .flatpickr-day.endRange.startRange {
536 |   border-radius: 50px 0 0 50px;
537 | }
538 | .flatpickr-day.selected.endRange,
539 | .flatpickr-day.startRange.endRange,
540 | .flatpickr-day.endRange.endRange {
541 |   border-radius: 0 50px 50px 0;
542 | }
543 | .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
544 | .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
545 | .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
546 |   -webkit-box-shadow: -10px 0 0 #4f99ff;
547 |   box-shadow: -10px 0 0 #4f99ff;
548 | }
549 | .flatpickr-day.selected.startRange.endRange,
550 | .flatpickr-day.startRange.startRange.endRange,
551 | .flatpickr-day.endRange.startRange.endRange {
552 |   border-radius: 50px;
553 | }
554 | .flatpickr-day.inRange {
555 |   border-radius: 0;
556 |   -webkit-box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
557 |   box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
558 | }
559 | .flatpickr-day.disabled,
560 | .flatpickr-day.disabled:hover,
561 | .flatpickr-day.prevMonthDay,
562 | .flatpickr-day.nextMonthDay,
563 | .flatpickr-day.notAllowed,
564 | .flatpickr-day.notAllowed.prevMonthDay,
565 | .flatpickr-day.notAllowed.nextMonthDay {
566 |   color: rgba(64, 72, 72, 0.3);
567 |   background: transparent;
568 |   border-color: #e9e9e9;
569 |   cursor: default;
570 | }
571 | .flatpickr-day.disabled,
572 | .flatpickr-day.disabled:hover {
573 |   cursor: not-allowed;
574 |   color: rgba(64, 72, 72, 0.1);
575 | }
576 | .flatpickr-day.week.selected {
577 |   border-radius: 0;
578 |   -webkit-box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;
579 |   box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;
580 | }
581 | .flatpickr-day.hidden {
582 |   visibility: hidden;
583 | }
584 | .rangeMode .flatpickr-day {
585 |   margin-top: 1px;
586 | }
587 | .flatpickr-weekwrapper {
588 |   display: inline-block;
589 |   float: left;
590 | }
591 | .flatpickr-weekwrapper .flatpickr-weeks {
592 |   padding: 0 12px;
593 |   -webkit-box-shadow: 1px 0 0 #eee;
594 |   box-shadow: 1px 0 0 #eee;
595 | }
596 | .flatpickr-weekwrapper .flatpickr-weekday {
597 |   float: none;
598 |   width: 100%;
599 |   line-height: 28px;
600 | }
601 | .flatpickr-weekwrapper span.flatpickr-day,
602 | .flatpickr-weekwrapper span.flatpickr-day:hover {
603 |   display: block;
604 |   width: 100%;
605 |   max-width: none;
606 |   color: rgba(64, 72, 72, 0.3);
607 |   background: transparent;
608 |   cursor: default;
609 |   border: none;
610 | }
611 | .flatpickr-innerContainer {
612 |   display: block;
613 |   display: -webkit-box;
614 |   display: -webkit-flex;
615 |   display: -ms-flexbox;
616 |   display: flex;
617 |   -webkit-box-sizing: border-box;
618 |   box-sizing: border-box;
619 |   overflow: hidden;
620 | }
621 | .flatpickr-rContainer {
622 |   display: inline-block;
623 |   padding: 0;
624 |   -webkit-box-sizing: border-box;
625 |   box-sizing: border-box;
626 | }
627 | .flatpickr-time {
628 |   text-align: center;
629 |   outline: 0;
630 |   display: block;
631 |   height: 0;
632 |   line-height: 40px;
633 |   max-height: 40px;
634 |   -webkit-box-sizing: border-box;
635 |   box-sizing: border-box;
636 |   overflow: hidden;
637 |   display: -webkit-box;
638 |   display: -webkit-flex;
639 |   display: -ms-flexbox;
640 |   display: flex;
641 | }
642 | .flatpickr-time:after {
643 |   content: '';
644 |   display: table;
645 |   clear: both;
646 | }
647 | .flatpickr-time .numInputWrapper {
648 |   -webkit-box-flex: 1;
649 |   -webkit-flex: 1;
650 |   -ms-flex: 1;
651 |   flex: 1;
652 |   width: 40%;
653 |   height: 40px;
654 |   float: left;
655 | }
656 | .flatpickr-time .numInputWrapper span.arrowUp:after {
657 |   border-bottom-color: #404848;
658 | }
659 | .flatpickr-time .numInputWrapper span.arrowDown:after {
660 |   border-top-color: #404848;
661 | }
662 | .flatpickr-time.hasSeconds .numInputWrapper {
663 |   width: 26%;
664 | }
665 | .flatpickr-time.time24hr .numInputWrapper {
666 |   width: 49%;
667 | }
668 | .flatpickr-time input {
669 |   background: transparent;
670 |   -webkit-box-shadow: none;
671 |   box-shadow: none;
672 |   border: 0;
673 |   border-radius: 0;
674 |   text-align: center;
675 |   margin: 0;
676 |   padding: 0;
677 |   height: inherit;
678 |   line-height: inherit;
679 |   color: #404848;
680 |   font-size: 14px;
681 |   position: relative;
682 |   -webkit-box-sizing: border-box;
683 |   box-sizing: border-box;
684 | }
685 | .flatpickr-time input.flatpickr-hour {
686 |   font-weight: bold;
687 | }
688 | .flatpickr-time input.flatpickr-minute,
689 | .flatpickr-time input.flatpickr-second {
690 |   font-weight: 400;
691 | }
692 | .flatpickr-time input:focus {
693 |   outline: 0;
694 |   border: 0;
695 | }
696 | .flatpickr-time .flatpickr-time-separator,
697 | .flatpickr-time .flatpickr-am-pm {
698 |   height: inherit;
699 |   display: inline-block;
700 |   float: left;
701 |   line-height: inherit;
702 |   color: #404848;
703 |   font-weight: bold;
704 |   width: 2%;
705 |   -webkit-user-select: none;
706 |   -moz-user-select: none;
707 |   -ms-user-select: none;
708 |   user-select: none;
709 |   -webkit-align-self: center;
710 |   -ms-flex-item-align: center;
711 |   align-self: center;
712 | }
713 | .flatpickr-time .flatpickr-am-pm {
714 |   outline: 0;
715 |   width: 18%;
716 |   cursor: pointer;
717 |   text-align: center;
718 |   font-weight: 400;
719 | }
720 | .flatpickr-time input:hover,
721 | .flatpickr-time .flatpickr-am-pm:hover,
722 | .flatpickr-time input:focus,
723 | .flatpickr-time .flatpickr-am-pm:focus {
724 |   background: #f6f6f6;
725 | }
726 | .date-filter .flatpickr-input {
727 |   width: 100%;
728 | }
729 | .flatpickr-input[readonly] {
730 |   cursor: pointer;
731 | }
732 | @-webkit-keyframes fpFadeInDown {
733 |   from {
734 |     opacity: 0;
735 |     -webkit-transform: translate3d(0, -20px, 0);
736 |     transform: translate3d(0, -20px, 0);
737 |   }
738 |   to {
739 |     opacity: 1;
740 |     -webkit-transform: translate3d(0, 0, 0);
741 |     transform: translate3d(0, 0, 0);
742 |   }
743 | }
744 | @keyframes fpFadeInDown {
745 |   from {
746 |     opacity: 0;
747 |     -webkit-transform: translate3d(0, -20px, 0);
748 |     transform: translate3d(0, -20px, 0);
749 |   }
750 |   to {
751 |     opacity: 1;
752 |     -webkit-transform: translate3d(0, 0, 0);
753 |     transform: translate3d(0, 0, 0);
754 |   }
755 | }
756 | .date-filter .flatpickr-calendar {
757 |   width: 100%;
758 |   max-width: 250px;
759 | }
760 | .dayContainer {
761 |   padding: 0;
762 |   border-right: 0;
763 | }
764 | span.flatpickr-day,
765 | span.flatpickr-day.prevMonthDay,
766 | span.flatpickr-day.nextMonthDay {
767 |   border-radius: 0 !important;
768 |   border: 1px solid #e9e9e9;
769 |   max-width: none;
770 |   border-right-color: transparent;
771 | }
772 | span.flatpickr-day:nth-child(n + 8),
773 | span.flatpickr-day.prevMonthDay:nth-child(n + 8),
774 | span.flatpickr-day.nextMonthDay:nth-child(n + 8) {
775 |   border-top-color: transparent;
776 | }
777 | span.flatpickr-day:nth-child(7n-6),
778 | span.flatpickr-day.prevMonthDay:nth-child(7n-6),
779 | span.flatpickr-day.nextMonthDay:nth-child(7n-6) {
780 |   border-left: 0;
781 | }
782 | span.flatpickr-day:nth-child(n + 36),
783 | span.flatpickr-day.prevMonthDay:nth-child(n + 36),
784 | span.flatpickr-day.nextMonthDay:nth-child(n + 36) {
785 |   border-bottom: 0;
786 | }
787 | span.flatpickr-day:nth-child(-n + 7),
788 | span.flatpickr-day.prevMonthDay:nth-child(-n + 7),
789 | span.flatpickr-day.nextMonthDay:nth-child(-n + 7) {
790 |   margin-top: 0;
791 | }
792 | span.flatpickr-day.today:not(.selected),
793 | span.flatpickr-day.prevMonthDay.today:not(.selected),
794 | span.flatpickr-day.nextMonthDay.today:not(.selected) {
795 |   border-color: #e9e9e9;
796 |   border-right-color: transparent;
797 |   border-top-color: transparent;
798 |   border-bottom-color: #f64747;
799 | }
800 | span.flatpickr-day.today:not(.selected):hover,
801 | span.flatpickr-day.prevMonthDay.today:not(.selected):hover,
802 | span.flatpickr-day.nextMonthDay.today:not(.selected):hover {
803 |   border: 1px solid #f64747;
804 | }
805 | span.flatpickr-day.startRange,
806 | span.flatpickr-day.prevMonthDay.startRange,
807 | span.flatpickr-day.nextMonthDay.startRange,
808 | span.flatpickr-day.endRange,
809 | span.flatpickr-day.prevMonthDay.endRange,
810 | span.flatpickr-day.nextMonthDay.endRange {
811 |   border-color: #4f99ff;
812 | }
813 | span.flatpickr-day.today,
814 | span.flatpickr-day.prevMonthDay.today,
815 | span.flatpickr-day.nextMonthDay.today,
816 | span.flatpickr-day.selected,
817 | span.flatpickr-day.prevMonthDay.selected,
818 | span.flatpickr-day.nextMonthDay.selected {
819 |   z-index: 2;
820 | }
821 | .rangeMode .flatpickr-day {
822 |   margin-top: -1px;
823 | }
824 | .flatpickr-weekwrapper .flatpickr-weeks {
825 |   -webkit-box-shadow: none;
826 |   box-shadow: none;
827 | }
828 | .flatpickr-weekwrapper span.flatpickr-day {
829 |   border: 0;
830 |   margin: -1px 0 0 -1px;
831 | }
832 | .hasWeeks .flatpickr-days {
833 |   border-right: 0;
834 | }
835 | 


--------------------------------------------------------------------------------
/dist/js/custom-filters.js:
--------------------------------------------------------------------------------
   1 | /******/ (function(modules) { // webpackBootstrap
   2 | /******/ 	// The module cache
   3 | /******/ 	var installedModules = {};
   4 | /******/
   5 | /******/ 	// The require function
   6 | /******/ 	function __webpack_require__(moduleId) {
   7 | /******/
   8 | /******/ 		// Check if module is in cache
   9 | /******/ 		if(installedModules[moduleId]) {
  10 | /******/ 			return installedModules[moduleId].exports;
  11 | /******/ 		}
  12 | /******/ 		// Create a new module (and put it into the cache)
  13 | /******/ 		var module = installedModules[moduleId] = {
  14 | /******/ 			i: moduleId,
  15 | /******/ 			l: false,
  16 | /******/ 			exports: {}
  17 | /******/ 		};
  18 | /******/
  19 | /******/ 		// Execute the module function
  20 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  21 | /******/
  22 | /******/ 		// Flag the module as loaded
  23 | /******/ 		module.l = true;
  24 | /******/
  25 | /******/ 		// Return the exports of the module
  26 | /******/ 		return module.exports;
  27 | /******/ 	}
  28 | /******/
  29 | /******/
  30 | /******/ 	// expose the modules object (__webpack_modules__)
  31 | /******/ 	__webpack_require__.m = modules;
  32 | /******/
  33 | /******/ 	// expose the module cache
  34 | /******/ 	__webpack_require__.c = installedModules;
  35 | /******/
  36 | /******/ 	// define getter function for harmony exports
  37 | /******/ 	__webpack_require__.d = function(exports, name, getter) {
  38 | /******/ 		if(!__webpack_require__.o(exports, name)) {
  39 | /******/ 			Object.defineProperty(exports, name, {
  40 | /******/ 				configurable: false,
  41 | /******/ 				enumerable: true,
  42 | /******/ 				get: getter
  43 | /******/ 			});
  44 | /******/ 		}
  45 | /******/ 	};
  46 | /******/
  47 | /******/ 	// getDefaultExport function for compatibility with non-harmony modules
  48 | /******/ 	__webpack_require__.n = function(module) {
  49 | /******/ 		var getter = module && module.__esModule ?
  50 | /******/ 			function getDefault() { return module['default']; } :
  51 | /******/ 			function getModuleExports() { return module; };
  52 | /******/ 		__webpack_require__.d(getter, 'a', getter);
  53 | /******/ 		return getter;
  54 | /******/ 	};
  55 | /******/
  56 | /******/ 	// Object.prototype.hasOwnProperty.call
  57 | /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
  58 | /******/
  59 | /******/ 	// __webpack_public_path__
  60 | /******/ 	__webpack_require__.p = "";
  61 | /******/
  62 | /******/ 	// Load entry module and return exports
  63 | /******/ 	return __webpack_require__(__webpack_require__.s = 2);
  64 | /******/ })
  65 | /************************************************************************/
  66 | /******/ ([
  67 | /* 0 */
  68 | /***/ (function(module, exports) {
  69 | 
  70 | /* globals __VUE_SSR_CONTEXT__ */
  71 | 
  72 | // IMPORTANT: Do NOT use ES2015 features in this file.
  73 | // This module is a runtime utility for cleaner component module output and will
  74 | // be included in the final webpack user bundle.
  75 | 
  76 | module.exports = function normalizeComponent (
  77 |   rawScriptExports,
  78 |   compiledTemplate,
  79 |   functionalTemplate,
  80 |   injectStyles,
  81 |   scopeId,
  82 |   moduleIdentifier /* server only */
  83 | ) {
  84 |   var esModule
  85 |   var scriptExports = rawScriptExports = rawScriptExports || {}
  86 | 
  87 |   // ES6 modules interop
  88 |   var type = typeof rawScriptExports.default
  89 |   if (type === 'object' || type === 'function') {
  90 |     esModule = rawScriptExports
  91 |     scriptExports = rawScriptExports.default
  92 |   }
  93 | 
  94 |   // Vue.extend constructor export interop
  95 |   var options = typeof scriptExports === 'function'
  96 |     ? scriptExports.options
  97 |     : scriptExports
  98 | 
  99 |   // render functions
 100 |   if (compiledTemplate) {
 101 |     options.render = compiledTemplate.render
 102 |     options.staticRenderFns = compiledTemplate.staticRenderFns
 103 |     options._compiled = true
 104 |   }
 105 | 
 106 |   // functional template
 107 |   if (functionalTemplate) {
 108 |     options.functional = true
 109 |   }
 110 | 
 111 |   // scopedId
 112 |   if (scopeId) {
 113 |     options._scopeId = scopeId
 114 |   }
 115 | 
 116 |   var hook
 117 |   if (moduleIdentifier) { // server build
 118 |     hook = function (context) {
 119 |       // 2.3 injection
 120 |       context =
 121 |         context || // cached call
 122 |         (this.$vnode && this.$vnode.ssrContext) || // stateful
 123 |         (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
 124 |       // 2.2 with runInNewContext: true
 125 |       if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
 126 |         context = __VUE_SSR_CONTEXT__
 127 |       }
 128 |       // inject component styles
 129 |       if (injectStyles) {
 130 |         injectStyles.call(this, context)
 131 |       }
 132 |       // register component module identifier for async chunk inferrence
 133 |       if (context && context._registeredComponents) {
 134 |         context._registeredComponents.add(moduleIdentifier)
 135 |       }
 136 |     }
 137 |     // used by ssr in case component is cached and beforeCreate
 138 |     // never gets called
 139 |     options._ssrRegister = hook
 140 |   } else if (injectStyles) {
 141 |     hook = injectStyles
 142 |   }
 143 | 
 144 |   if (hook) {
 145 |     var functional = options.functional
 146 |     var existing = functional
 147 |       ? options.render
 148 |       : options.beforeCreate
 149 | 
 150 |     if (!functional) {
 151 |       // inject component registration as beforeCreate hook
 152 |       options.beforeCreate = existing
 153 |         ? [].concat(existing, hook)
 154 |         : [hook]
 155 |     } else {
 156 |       // for template-only hot-reload because in that case the render fn doesn't
 157 |       // go through the normalizer
 158 |       options._injectStyles = hook
 159 |       // register for functioal component in vue file
 160 |       options.render = function renderWithStyleInjection (h, context) {
 161 |         hook.call(context)
 162 |         return existing(h, context)
 163 |       }
 164 |     }
 165 |   }
 166 | 
 167 |   return {
 168 |     esModule: esModule,
 169 |     exports: scriptExports,
 170 |     options: options
 171 |   }
 172 | }
 173 | 
 174 | 
 175 | /***/ }),
 176 | /* 1 */
 177 | /***/ (function(module, exports) {
 178 | 
 179 | /*
 180 | 	MIT License http://www.opensource.org/licenses/mit-license.php
 181 | 	Author Tobias Koppers @sokra
 182 | */
 183 | // css base code, injected by the css-loader
 184 | module.exports = function(useSourceMap) {
 185 | 	var list = [];
 186 | 
 187 | 	// return the list of modules as css string
 188 | 	list.toString = function toString() {
 189 | 		return this.map(function (item) {
 190 | 			var content = cssWithMappingToString(item, useSourceMap);
 191 | 			if(item[2]) {
 192 | 				return "@media " + item[2] + "{" + content + "}";
 193 | 			} else {
 194 | 				return content;
 195 | 			}
 196 | 		}).join("");
 197 | 	};
 198 | 
 199 | 	// import a list of modules into the list
 200 | 	list.i = function(modules, mediaQuery) {
 201 | 		if(typeof modules === "string")
 202 | 			modules = [[null, modules, ""]];
 203 | 		var alreadyImportedModules = {};
 204 | 		for(var i = 0; i < this.length; i++) {
 205 | 			var id = this[i][0];
 206 | 			if(typeof id === "number")
 207 | 				alreadyImportedModules[id] = true;
 208 | 		}
 209 | 		for(i = 0; i < modules.length; i++) {
 210 | 			var item = modules[i];
 211 | 			// skip already imported module
 212 | 			// this implementation is not 100% perfect for weird media query combinations
 213 | 			//  when a module is imported multiple times with different media queries.
 214 | 			//  I hope this will never occur (Hey this way we have smaller bundles)
 215 | 			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
 216 | 				if(mediaQuery && !item[2]) {
 217 | 					item[2] = mediaQuery;
 218 | 				} else if(mediaQuery) {
 219 | 					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
 220 | 				}
 221 | 				list.push(item);
 222 | 			}
 223 | 		}
 224 | 	};
 225 | 	return list;
 226 | };
 227 | 
 228 | function cssWithMappingToString(item, useSourceMap) {
 229 | 	var content = item[1] || '';
 230 | 	var cssMapping = item[3];
 231 | 	if (!cssMapping) {
 232 | 		return content;
 233 | 	}
 234 | 
 235 | 	if (useSourceMap && typeof btoa === 'function') {
 236 | 		var sourceMapping = toComment(cssMapping);
 237 | 		var sourceURLs = cssMapping.sources.map(function (source) {
 238 | 			return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
 239 | 		});
 240 | 
 241 | 		return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
 242 | 	}
 243 | 
 244 | 	return [content].join('\n');
 245 | }
 246 | 
 247 | // Adapted from convert-source-map (MIT)
 248 | function toComment(sourceMap) {
 249 | 	// eslint-disable-next-line no-undef
 250 | 	var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
 251 | 	var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
 252 | 
 253 | 	return '/*# ' + data + ' */';
 254 | }
 255 | 
 256 | 
 257 | /***/ }),
 258 | /* 2 */
 259 | /***/ (function(module, exports, __webpack_require__) {
 260 | 
 261 | module.exports = __webpack_require__(3);
 262 | 
 263 | 
 264 | /***/ }),
 265 | /* 3 */
 266 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
 267 | 
 268 | "use strict";
 269 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 270 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_DatePicker__ = __webpack_require__(4);
 271 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_DatePicker___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_DatePicker__);
 272 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_FilterSelector__ = __webpack_require__(16);
 273 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_FilterSelector___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__components_FilterSelector__);
 274 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_SelectFilter__ = __webpack_require__(19);
 275 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_SelectFilter___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__components_SelectFilter__);
 276 | 
 277 | 
 278 | 
 279 | 
 280 | Nova.booting(function (Vue, router) {
 281 |   Vue.component('date-picker', __WEBPACK_IMPORTED_MODULE_0__components_DatePicker___default.a);
 282 |   Vue.component('filter-selector', __WEBPACK_IMPORTED_MODULE_1__components_FilterSelector___default.a);
 283 |   Vue.component('select-filter', __WEBPACK_IMPORTED_MODULE_2__components_SelectFilter___default.a);
 284 | });
 285 | 
 286 | /***/ }),
 287 | /* 4 */
 288 | /***/ (function(module, exports, __webpack_require__) {
 289 | 
 290 | var disposed = false
 291 | function injectStyle (ssrContext) {
 292 |   if (disposed) return
 293 |   __webpack_require__(5)
 294 | }
 295 | var normalizeComponent = __webpack_require__(0)
 296 | /* script */
 297 | var __vue_script__ = __webpack_require__(9)
 298 | /* template */
 299 | var __vue_template__ = __webpack_require__(15)
 300 | /* template functional */
 301 | var __vue_template_functional__ = false
 302 | /* styles */
 303 | var __vue_styles__ = injectStyle
 304 | /* scopeId */
 305 | var __vue_scopeId__ = "data-v-fa816ef2"
 306 | /* moduleIdentifier (server only) */
 307 | var __vue_module_identifier__ = null
 308 | var Component = normalizeComponent(
 309 |   __vue_script__,
 310 |   __vue_template__,
 311 |   __vue_template_functional__,
 312 |   __vue_styles__,
 313 |   __vue_scopeId__,
 314 |   __vue_module_identifier__
 315 | )
 316 | Component.options.__file = "resources/js/components/DatePicker.vue"
 317 | 
 318 | /* hot reload */
 319 | if (false) {(function () {
 320 |   var hotAPI = require("vue-hot-reload-api")
 321 |   hotAPI.install(require("vue"), false)
 322 |   if (!hotAPI.compatible) return
 323 |   module.hot.accept()
 324 |   if (!module.hot.data) {
 325 |     hotAPI.createRecord("data-v-fa816ef2", Component.options)
 326 |   } else {
 327 |     hotAPI.reload("data-v-fa816ef2", Component.options)
 328 |   }
 329 |   module.hot.dispose(function (data) {
 330 |     disposed = true
 331 |   })
 332 | })()}
 333 | 
 334 | module.exports = Component.exports
 335 | 
 336 | 
 337 | /***/ }),
 338 | /* 5 */
 339 | /***/ (function(module, exports, __webpack_require__) {
 340 | 
 341 | // style-loader: Adds some css to the DOM by adding a <style> tag
 342 | 
 343 | // load the styles
 344 | var content = __webpack_require__(6);
 345 | if(typeof content === 'string') content = [[module.i, content, '']];
 346 | if(content.locals) module.exports = content.locals;
 347 | // add the styles to the DOM
 348 | var update = __webpack_require__(7)("8a4b8da8", content, false, {});
 349 | // Hot Module Replacement
 350 | if(false) {
 351 |  // When the styles change, update the <style> tags
 352 |  if(!content.locals) {
 353 |    module.hot.accept("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-fa816ef2\",\"scoped\":true,\"hasInlineConfig\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./DatePicker.vue", function() {
 354 |      var newContent = require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-fa816ef2\",\"scoped\":true,\"hasInlineConfig\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./DatePicker.vue");
 355 |      if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 356 |      update(newContent);
 357 |    });
 358 |  }
 359 |  // When the module is disposed, remove the <style> tags
 360 |  module.hot.dispose(function() { update(); });
 361 | }
 362 | 
 363 | /***/ }),
 364 | /* 6 */
 365 | /***/ (function(module, exports, __webpack_require__) {
 366 | 
 367 | exports = module.exports = __webpack_require__(1)(false);
 368 | // imports
 369 | 
 370 | 
 371 | // module
 372 | exports.push([module.i, "\n.\\!cursor-not-allowed[data-v-fa816ef2] {\n  cursor: not-allowed !important;\n}\n", ""]);
 373 | 
 374 | // exports
 375 | 
 376 | 
 377 | /***/ }),
 378 | /* 7 */
 379 | /***/ (function(module, exports, __webpack_require__) {
 380 | 
 381 | /*
 382 |   MIT License http://www.opensource.org/licenses/mit-license.php
 383 |   Author Tobias Koppers @sokra
 384 |   Modified by Evan You @yyx990803
 385 | */
 386 | 
 387 | var hasDocument = typeof document !== 'undefined'
 388 | 
 389 | if (typeof DEBUG !== 'undefined' && DEBUG) {
 390 |   if (!hasDocument) {
 391 |     throw new Error(
 392 |     'vue-style-loader cannot be used in a non-browser environment. ' +
 393 |     "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
 394 |   ) }
 395 | }
 396 | 
 397 | var listToStyles = __webpack_require__(8)
 398 | 
 399 | /*
 400 | type StyleObject = {
 401 |   id: number;
 402 |   parts: Array<StyleObjectPart>
 403 | }
 404 | 
 405 | type StyleObjectPart = {
 406 |   css: string;
 407 |   media: string;
 408 |   sourceMap: ?string
 409 | }
 410 | */
 411 | 
 412 | var stylesInDom = {/*
 413 |   [id: number]: {
 414 |     id: number,
 415 |     refs: number,
 416 |     parts: Array<(obj?: StyleObjectPart) => void>
 417 |   }
 418 | */}
 419 | 
 420 | var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
 421 | var singletonElement = null
 422 | var singletonCounter = 0
 423 | var isProduction = false
 424 | var noop = function () {}
 425 | var options = null
 426 | var ssrIdKey = 'data-vue-ssr-id'
 427 | 
 428 | // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
 429 | // tags it will allow on a page
 430 | var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
 431 | 
 432 | module.exports = function (parentId, list, _isProduction, _options) {
 433 |   isProduction = _isProduction
 434 | 
 435 |   options = _options || {}
 436 | 
 437 |   var styles = listToStyles(parentId, list)
 438 |   addStylesToDom(styles)
 439 | 
 440 |   return function update (newList) {
 441 |     var mayRemove = []
 442 |     for (var i = 0; i < styles.length; i++) {
 443 |       var item = styles[i]
 444 |       var domStyle = stylesInDom[item.id]
 445 |       domStyle.refs--
 446 |       mayRemove.push(domStyle)
 447 |     }
 448 |     if (newList) {
 449 |       styles = listToStyles(parentId, newList)
 450 |       addStylesToDom(styles)
 451 |     } else {
 452 |       styles = []
 453 |     }
 454 |     for (var i = 0; i < mayRemove.length; i++) {
 455 |       var domStyle = mayRemove[i]
 456 |       if (domStyle.refs === 0) {
 457 |         for (var j = 0; j < domStyle.parts.length; j++) {
 458 |           domStyle.parts[j]()
 459 |         }
 460 |         delete stylesInDom[domStyle.id]
 461 |       }
 462 |     }
 463 |   }
 464 | }
 465 | 
 466 | function addStylesToDom (styles /* Array<StyleObject> */) {
 467 |   for (var i = 0; i < styles.length; i++) {
 468 |     var item = styles[i]
 469 |     var domStyle = stylesInDom[item.id]
 470 |     if (domStyle) {
 471 |       domStyle.refs++
 472 |       for (var j = 0; j < domStyle.parts.length; j++) {
 473 |         domStyle.parts[j](item.parts[j])
 474 |       }
 475 |       for (; j < item.parts.length; j++) {
 476 |         domStyle.parts.push(addStyle(item.parts[j]))
 477 |       }
 478 |       if (domStyle.parts.length > item.parts.length) {
 479 |         domStyle.parts.length = item.parts.length
 480 |       }
 481 |     } else {
 482 |       var parts = []
 483 |       for (var j = 0; j < item.parts.length; j++) {
 484 |         parts.push(addStyle(item.parts[j]))
 485 |       }
 486 |       stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
 487 |     }
 488 |   }
 489 | }
 490 | 
 491 | function createStyleElement () {
 492 |   var styleElement = document.createElement('style')
 493 |   styleElement.type = 'text/css'
 494 |   head.appendChild(styleElement)
 495 |   return styleElement
 496 | }
 497 | 
 498 | function addStyle (obj /* StyleObjectPart */) {
 499 |   var update, remove
 500 |   var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]')
 501 | 
 502 |   if (styleElement) {
 503 |     if (isProduction) {
 504 |       // has SSR styles and in production mode.
 505 |       // simply do nothing.
 506 |       return noop
 507 |     } else {
 508 |       // has SSR styles but in dev mode.
 509 |       // for some reason Chrome can't handle source map in server-rendered
 510 |       // style tags - source maps in <style> only works if the style tag is
 511 |       // created and inserted dynamically. So we remove the server rendered
 512 |       // styles and inject new ones.
 513 |       styleElement.parentNode.removeChild(styleElement)
 514 |     }
 515 |   }
 516 | 
 517 |   if (isOldIE) {
 518 |     // use singleton mode for IE9.
 519 |     var styleIndex = singletonCounter++
 520 |     styleElement = singletonElement || (singletonElement = createStyleElement())
 521 |     update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
 522 |     remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
 523 |   } else {
 524 |     // use multi-style-tag mode in all other cases
 525 |     styleElement = createStyleElement()
 526 |     update = applyToTag.bind(null, styleElement)
 527 |     remove = function () {
 528 |       styleElement.parentNode.removeChild(styleElement)
 529 |     }
 530 |   }
 531 | 
 532 |   update(obj)
 533 | 
 534 |   return function updateStyle (newObj /* StyleObjectPart */) {
 535 |     if (newObj) {
 536 |       if (newObj.css === obj.css &&
 537 |           newObj.media === obj.media &&
 538 |           newObj.sourceMap === obj.sourceMap) {
 539 |         return
 540 |       }
 541 |       update(obj = newObj)
 542 |     } else {
 543 |       remove()
 544 |     }
 545 |   }
 546 | }
 547 | 
 548 | var replaceText = (function () {
 549 |   var textStore = []
 550 | 
 551 |   return function (index, replacement) {
 552 |     textStore[index] = replacement
 553 |     return textStore.filter(Boolean).join('\n')
 554 |   }
 555 | })()
 556 | 
 557 | function applyToSingletonTag (styleElement, index, remove, obj) {
 558 |   var css = remove ? '' : obj.css
 559 | 
 560 |   if (styleElement.styleSheet) {
 561 |     styleElement.styleSheet.cssText = replaceText(index, css)
 562 |   } else {
 563 |     var cssNode = document.createTextNode(css)
 564 |     var childNodes = styleElement.childNodes
 565 |     if (childNodes[index]) styleElement.removeChild(childNodes[index])
 566 |     if (childNodes.length) {
 567 |       styleElement.insertBefore(cssNode, childNodes[index])
 568 |     } else {
 569 |       styleElement.appendChild(cssNode)
 570 |     }
 571 |   }
 572 | }
 573 | 
 574 | function applyToTag (styleElement, obj) {
 575 |   var css = obj.css
 576 |   var media = obj.media
 577 |   var sourceMap = obj.sourceMap
 578 | 
 579 |   if (media) {
 580 |     styleElement.setAttribute('media', media)
 581 |   }
 582 |   if (options.ssrId) {
 583 |     styleElement.setAttribute(ssrIdKey, obj.id)
 584 |   }
 585 | 
 586 |   if (sourceMap) {
 587 |     // https://developer.chrome.com/devtools/docs/javascript-debugging
 588 |     // this makes source maps inside style tags work properly in Chrome
 589 |     css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
 590 |     // http://stackoverflow.com/a/26603875
 591 |     css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
 592 |   }
 593 | 
 594 |   if (styleElement.styleSheet) {
 595 |     styleElement.styleSheet.cssText = css
 596 |   } else {
 597 |     while (styleElement.firstChild) {
 598 |       styleElement.removeChild(styleElement.firstChild)
 599 |     }
 600 |     styleElement.appendChild(document.createTextNode(css))
 601 |   }
 602 | }
 603 | 
 604 | 
 605 | /***/ }),
 606 | /* 8 */
 607 | /***/ (function(module, exports) {
 608 | 
 609 | /**
 610 |  * Translates the list format produced by css-loader into something
 611 |  * easier to manipulate.
 612 |  */
 613 | module.exports = function listToStyles (parentId, list) {
 614 |   var styles = []
 615 |   var newStyles = {}
 616 |   for (var i = 0; i < list.length; i++) {
 617 |     var item = list[i]
 618 |     var id = item[0]
 619 |     var css = item[1]
 620 |     var media = item[2]
 621 |     var sourceMap = item[3]
 622 |     var part = {
 623 |       id: parentId + ':' + i,
 624 |       css: css,
 625 |       media: media,
 626 |       sourceMap: sourceMap
 627 |     }
 628 |     if (!newStyles[id]) {
 629 |       styles.push(newStyles[id] = { id: id, parts: [part] })
 630 |     } else {
 631 |       newStyles[id].parts.push(part)
 632 |     }
 633 |   }
 634 |   return styles
 635 | }
 636 | 
 637 | 
 638 | /***/ }),
 639 | /* 9 */
 640 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
 641 | 
 642 | "use strict";
 643 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 644 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_flatpickr__ = __webpack_require__(10);
 645 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_flatpickr___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_flatpickr__);
 646 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__airbnb_modified_css__ = __webpack_require__(11);
 647 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__airbnb_modified_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__airbnb_modified_css__);
 648 | //
 649 | //
 650 | //
 651 | //
 652 | //
 653 | //
 654 | //
 655 | //
 656 | //
 657 | //
 658 | //
 659 | 
 660 | 
 661 | 
 662 | 
 663 | /* harmony default export */ __webpack_exports__["default"] = ({
 664 |   props: {
 665 |     value: {
 666 |       type: String,
 667 |       default: ''
 668 |     },
 669 |     filter: {
 670 |       type: Object,
 671 |       default: function _default() {
 672 |         return {};
 673 |       }
 674 |     }
 675 |   },
 676 | 
 677 |   data: function data() {
 678 |     return { flatpickr: null };
 679 |   },
 680 | 
 681 |   computed: {
 682 |     placeholder: function placeholder() {
 683 |       return this.getOption('placeholder') || this.__('Pick a date');
 684 |     },
 685 |     disabled: function disabled() {
 686 |       return this.getOption('disabled');
 687 |     },
 688 |     dateFormat: function dateFormat() {
 689 |       return this.getOption('dateFormat') || 'Y-m-d H:i:S';
 690 |     },
 691 |     twelveHourTime: function twelveHourTime() {
 692 |       return this.getOption('twelveHourTime');
 693 |     },
 694 |     enableTime: function enableTime() {
 695 |       return this.getOption('enableTime');
 696 |     },
 697 |     enableSeconds: function enableSeconds() {
 698 |       return this.getOption('enableSeconds');
 699 |     }
 700 |   },
 701 | 
 702 |   mounted: function mounted() {
 703 |     var _this = this;
 704 | 
 705 |     var self = this;
 706 |     this.$nextTick(function () {
 707 |       _this.flatpickr = __WEBPACK_IMPORTED_MODULE_0_flatpickr___default()(_this.$refs.datePicker, {
 708 |         enableTime: _this.enableTime,
 709 |         enableSeconds: _this.enableSeconds,
 710 |         onClose: _this.onChange,
 711 |         onChange: _this.onChange,
 712 |         dateFormat: _this.dateFormat,
 713 |         allowInput: true,
 714 |         static: true,
 715 |         time_24hr: !_this.twelveHourTime,
 716 |         onReady: function onReady() {
 717 |           self.$refs.datePicker.parentNode.classList.add('date-filter');
 718 |         }
 719 |       });
 720 |       var wrapper = document.querySelector('.dropdown-menu div');
 721 |       wrapper.classList.remove('overflow-hidden');
 722 |     });
 723 |   },
 724 | 
 725 | 
 726 |   methods: {
 727 |     getOption: function getOption(name) {
 728 |       var option = this.filter.options.find(function (o) {
 729 |         return o.name === name;
 730 |       });
 731 |       if (!option) return false;
 732 |       return option.value;
 733 |     },
 734 |     onChange: function onChange(event) {
 735 |       this.$emit('input', this.$refs.datePicker.value);
 736 |     }
 737 |   }
 738 | });
 739 | 
 740 | /***/ }),
 741 | /* 10 */
 742 | /***/ (function(module, exports, __webpack_require__) {
 743 | 
 744 | /* flatpickr v4.5.2, @license MIT */
 745 | (function (global, factory) {
 746 |      true ? module.exports = factory() :
 747 |     typeof define === 'function' && define.amd ? define(factory) :
 748 |     (global.flatpickr = factory());
 749 | }(this, (function () { 'use strict';
 750 | 
 751 |     var pad = function pad(number) {
 752 |       return ("0" + number).slice(-2);
 753 |     };
 754 |     var int = function int(bool) {
 755 |       return bool === true ? 1 : 0;
 756 |     };
 757 |     function debounce(func, wait, immediate) {
 758 |       if (immediate === void 0) {
 759 |         immediate = false;
 760 |       }
 761 | 
 762 |       var timeout;
 763 |       return function () {
 764 |         var context = this,
 765 |             args = arguments;
 766 |         timeout !== null && clearTimeout(timeout);
 767 |         timeout = window.setTimeout(function () {
 768 |           timeout = null;
 769 |           if (!immediate) func.apply(context, args);
 770 |         }, wait);
 771 |         if (immediate && !timeout) func.apply(context, args);
 772 |       };
 773 |     }
 774 |     var arrayify = function arrayify(obj) {
 775 |       return obj instanceof Array ? obj : [obj];
 776 |     };
 777 | 
 778 |     var do_nothing = function do_nothing() {
 779 |       return undefined;
 780 |     };
 781 | 
 782 |     var monthToStr = function monthToStr(monthNumber, shorthand, locale) {
 783 |       return locale.months[shorthand ? "shorthand" : "longhand"][monthNumber];
 784 |     };
 785 |     var revFormat = {
 786 |       D: do_nothing,
 787 |       F: function F(dateObj, monthName, locale) {
 788 |         dateObj.setMonth(locale.months.longhand.indexOf(monthName));
 789 |       },
 790 |       G: function G(dateObj, hour) {
 791 |         dateObj.setHours(parseFloat(hour));
 792 |       },
 793 |       H: function H(dateObj, hour) {
 794 |         dateObj.setHours(parseFloat(hour));
 795 |       },
 796 |       J: function J(dateObj, day) {
 797 |         dateObj.setDate(parseFloat(day));
 798 |       },
 799 |       K: function K(dateObj, amPM, locale) {
 800 |         dateObj.setHours(dateObj.getHours() % 12 + 12 * int(new RegExp(locale.amPM[1], "i").test(amPM)));
 801 |       },
 802 |       M: function M(dateObj, shortMonth, locale) {
 803 |         dateObj.setMonth(locale.months.shorthand.indexOf(shortMonth));
 804 |       },
 805 |       S: function S(dateObj, seconds) {
 806 |         dateObj.setSeconds(parseFloat(seconds));
 807 |       },
 808 |       U: function U(_, unixSeconds) {
 809 |         return new Date(parseFloat(unixSeconds) * 1000);
 810 |       },
 811 |       W: function W(dateObj, weekNum) {
 812 |         var weekNumber = parseInt(weekNum);
 813 |         return new Date(dateObj.getFullYear(), 0, 2 + (weekNumber - 1) * 7, 0, 0, 0, 0);
 814 |       },
 815 |       Y: function Y(dateObj, year) {
 816 |         dateObj.setFullYear(parseFloat(year));
 817 |       },
 818 |       Z: function Z(_, ISODate) {
 819 |         return new Date(ISODate);
 820 |       },
 821 |       d: function d(dateObj, day) {
 822 |         dateObj.setDate(parseFloat(day));
 823 |       },
 824 |       h: function h(dateObj, hour) {
 825 |         dateObj.setHours(parseFloat(hour));
 826 |       },
 827 |       i: function i(dateObj, minutes) {
 828 |         dateObj.setMinutes(parseFloat(minutes));
 829 |       },
 830 |       j: function j(dateObj, day) {
 831 |         dateObj.setDate(parseFloat(day));
 832 |       },
 833 |       l: do_nothing,
 834 |       m: function m(dateObj, month) {
 835 |         dateObj.setMonth(parseFloat(month) - 1);
 836 |       },
 837 |       n: function n(dateObj, month) {
 838 |         dateObj.setMonth(parseFloat(month) - 1);
 839 |       },
 840 |       s: function s(dateObj, seconds) {
 841 |         dateObj.setSeconds(parseFloat(seconds));
 842 |       },
 843 |       w: do_nothing,
 844 |       y: function y(dateObj, year) {
 845 |         dateObj.setFullYear(2000 + parseFloat(year));
 846 |       }
 847 |     };
 848 |     var tokenRegex = {
 849 |       D: "(\\w+)",
 850 |       F: "(\\w+)",
 851 |       G: "(\\d\\d|\\d)",
 852 |       H: "(\\d\\d|\\d)",
 853 |       J: "(\\d\\d|\\d)\\w+",
 854 |       K: "",
 855 |       M: "(\\w+)",
 856 |       S: "(\\d\\d|\\d)",
 857 |       U: "(.+)",
 858 |       W: "(\\d\\d|\\d)",
 859 |       Y: "(\\d{4})",
 860 |       Z: "(.+)",
 861 |       d: "(\\d\\d|\\d)",
 862 |       h: "(\\d\\d|\\d)",
 863 |       i: "(\\d\\d|\\d)",
 864 |       j: "(\\d\\d|\\d)",
 865 |       l: "(\\w+)",
 866 |       m: "(\\d\\d|\\d)",
 867 |       n: "(\\d\\d|\\d)",
 868 |       s: "(\\d\\d|\\d)",
 869 |       w: "(\\d\\d|\\d)",
 870 |       y: "(\\d{2})"
 871 |     };
 872 |     var formats = {
 873 |       Z: function Z(date) {
 874 |         return date.toISOString();
 875 |       },
 876 |       D: function D(date, locale, options) {
 877 |         return locale.weekdays.shorthand[formats.w(date, locale, options)];
 878 |       },
 879 |       F: function F(date, locale, options) {
 880 |         return monthToStr(formats.n(date, locale, options) - 1, false, locale);
 881 |       },
 882 |       G: function G(date, locale, options) {
 883 |         return pad(formats.h(date, locale, options));
 884 |       },
 885 |       H: function H(date) {
 886 |         return pad(date.getHours());
 887 |       },
 888 |       J: function J(date, locale) {
 889 |         return locale.ordinal !== undefined ? date.getDate() + locale.ordinal(date.getDate()) : date.getDate();
 890 |       },
 891 |       K: function K(date, locale) {
 892 |         return locale.amPM[int(date.getHours() > 11)];
 893 |       },
 894 |       M: function M(date, locale) {
 895 |         return monthToStr(date.getMonth(), true, locale);
 896 |       },
 897 |       S: function S(date) {
 898 |         return pad(date.getSeconds());
 899 |       },
 900 |       U: function U(date) {
 901 |         return date.getTime() / 1000;
 902 |       },
 903 |       W: function W(date, _, options) {
 904 |         return options.getWeek(date);
 905 |       },
 906 |       Y: function Y(date) {
 907 |         return date.getFullYear();
 908 |       },
 909 |       d: function d(date) {
 910 |         return pad(date.getDate());
 911 |       },
 912 |       h: function h(date) {
 913 |         return date.getHours() % 12 ? date.getHours() % 12 : 12;
 914 |       },
 915 |       i: function i(date) {
 916 |         return pad(date.getMinutes());
 917 |       },
 918 |       j: function j(date) {
 919 |         return date.getDate();
 920 |       },
 921 |       l: function l(date, locale) {
 922 |         return locale.weekdays.longhand[date.getDay()];
 923 |       },
 924 |       m: function m(date) {
 925 |         return pad(date.getMonth() + 1);
 926 |       },
 927 |       n: function n(date) {
 928 |         return date.getMonth() + 1;
 929 |       },
 930 |       s: function s(date) {
 931 |         return date.getSeconds();
 932 |       },
 933 |       w: function w(date) {
 934 |         return date.getDay();
 935 |       },
 936 |       y: function y(date) {
 937 |         return String(date.getFullYear()).substring(2);
 938 |       }
 939 |     };
 940 | 
 941 |     var english = {
 942 |       weekdays: {
 943 |         shorthand: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
 944 |         longhand: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
 945 |       },
 946 |       months: {
 947 |         shorthand: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
 948 |         longhand: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
 949 |       },
 950 |       daysInMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
 951 |       firstDayOfWeek: 0,
 952 |       ordinal: function ordinal(nth) {
 953 |         var s = nth % 100;
 954 |         if (s > 3 && s < 21) return "th";
 955 | 
 956 |         switch (s % 10) {
 957 |           case 1:
 958 |             return "st";
 959 | 
 960 |           case 2:
 961 |             return "nd";
 962 | 
 963 |           case 3:
 964 |             return "rd";
 965 | 
 966 |           default:
 967 |             return "th";
 968 |         }
 969 |       },
 970 |       rangeSeparator: " to ",
 971 |       weekAbbreviation: "Wk",
 972 |       scrollTitle: "Scroll to increment",
 973 |       toggleTitle: "Click to toggle",
 974 |       amPM: ["AM", "PM"],
 975 |       yearAriaLabel: "Year"
 976 |     };
 977 | 
 978 |     var createDateFormatter = function createDateFormatter(_ref) {
 979 |       var _ref$config = _ref.config,
 980 |           config = _ref$config === void 0 ? defaults : _ref$config,
 981 |           _ref$l10n = _ref.l10n,
 982 |           l10n = _ref$l10n === void 0 ? english : _ref$l10n;
 983 |       return function (dateObj, frmt, overrideLocale) {
 984 |         var locale = overrideLocale || l10n;
 985 | 
 986 |         if (config.formatDate !== undefined) {
 987 |           return config.formatDate(dateObj, frmt, locale);
 988 |         }
 989 | 
 990 |         return frmt.split("").map(function (c, i, arr) {
 991 |           return formats[c] && arr[i - 1] !== "\\" ? formats[c](dateObj, locale, config) : c !== "\\" ? c : "";
 992 |         }).join("");
 993 |       };
 994 |     };
 995 |     var createDateParser = function createDateParser(_ref2) {
 996 |       var _ref2$config = _ref2.config,
 997 |           config = _ref2$config === void 0 ? defaults : _ref2$config,
 998 |           _ref2$l10n = _ref2.l10n,
 999 |           l10n = _ref2$l10n === void 0 ? english : _ref2$l10n;
1000 |       return function (date, givenFormat, timeless, customLocale) {
1001 |         if (date !== 0 && !date) return undefined;
1002 |         var locale = customLocale || l10n;
1003 |         var parsedDate;
1004 |         var date_orig = date;
1005 |         if (date instanceof Date) parsedDate = new Date(date.getTime());else if (typeof date !== "string" && date.toFixed !== undefined) parsedDate = new Date(date);else if (typeof date === "string") {
1006 |           var format = givenFormat || (config || defaults).dateFormat;
1007 |           var datestr = String(date).trim();
1008 | 
1009 |           if (datestr === "today") {
1010 |             parsedDate = new Date();
1011 |             timeless = true;
1012 |           } else if (/Z$/.test(datestr) || /GMT$/.test(datestr)) parsedDate = new Date(date);else if (config && config.parseDate) parsedDate = config.parseDate(date, format);else {
1013 |             parsedDate = !config || !config.noCalendar ? new Date(new Date().getFullYear(), 0, 1, 0, 0, 0, 0) : new Date(new Date().setHours(0, 0, 0, 0));
1014 |             var matched,
1015 |                 ops = [];
1016 | 
1017 |             for (var i = 0, matchIndex = 0, regexStr = ""; i < format.length; i++) {
1018 |               var token = format[i];
1019 |               var isBackSlash = token === "\\";
1020 |               var escaped = format[i - 1] === "\\" || isBackSlash;
1021 | 
1022 |               if (tokenRegex[token] && !escaped) {
1023 |                 regexStr += tokenRegex[token];
1024 |                 var match = new RegExp(regexStr).exec(date);
1025 | 
1026 |                 if (match && (matched = true)) {
1027 |                   ops[token !== "Y" ? "push" : "unshift"]({
1028 |                     fn: revFormat[token],
1029 |                     val: match[++matchIndex]
1030 |                   });
1031 |                 }
1032 |               } else if (!isBackSlash) regexStr += ".";
1033 | 
1034 |               ops.forEach(function (_ref3) {
1035 |                 var fn = _ref3.fn,
1036 |                     val = _ref3.val;
1037 |                 return parsedDate = fn(parsedDate, val, locale) || parsedDate;
1038 |               });
1039 |             }
1040 | 
1041 |             parsedDate = matched ? parsedDate : undefined;
1042 |           }
1043 |         }
1044 | 
1045 |         if (!(parsedDate instanceof Date && !isNaN(parsedDate.getTime()))) {
1046 |           config.errorHandler(new Error("Invalid date provided: " + date_orig));
1047 |           return undefined;
1048 |         }
1049 | 
1050 |         if (timeless === true) parsedDate.setHours(0, 0, 0, 0);
1051 |         return parsedDate;
1052 |       };
1053 |     };
1054 |     function compareDates(date1, date2, timeless) {
1055 |       if (timeless === void 0) {
1056 |         timeless = true;
1057 |       }
1058 | 
1059 |       if (timeless !== false) {
1060 |         return new Date(date1.getTime()).setHours(0, 0, 0, 0) - new Date(date2.getTime()).setHours(0, 0, 0, 0);
1061 |       }
1062 | 
1063 |       return date1.getTime() - date2.getTime();
1064 |     }
1065 |     var getWeek = function getWeek(givenDate) {
1066 |       var date = new Date(givenDate.getTime());
1067 |       date.setHours(0, 0, 0, 0);
1068 |       date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);
1069 |       var week1 = new Date(date.getFullYear(), 0, 4);
1070 |       return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + (week1.getDay() + 6) % 7) / 7);
1071 |     };
1072 |     var isBetween = function isBetween(ts, ts1, ts2) {
1073 |       return ts > Math.min(ts1, ts2) && ts < Math.max(ts1, ts2);
1074 |     };
1075 |     var duration = {
1076 |       DAY: 86400000
1077 |     };
1078 | 
1079 |     var HOOKS = ["onChange", "onClose", "onDayCreate", "onDestroy", "onKeyDown", "onMonthChange", "onOpen", "onParseConfig", "onReady", "onValueUpdate", "onYearChange", "onPreCalendarPosition"];
1080 |     var defaults = {
1081 |       _disable: [],
1082 |       _enable: [],
1083 |       allowInput: false,
1084 |       altFormat: "F j, Y",
1085 |       altInput: false,
1086 |       altInputClass: "form-control input",
1087 |       animate: typeof window === "object" && window.navigator.userAgent.indexOf("MSIE") === -1,
1088 |       ariaDateFormat: "F j, Y",
1089 |       clickOpens: true,
1090 |       closeOnSelect: true,
1091 |       conjunction: ", ",
1092 |       dateFormat: "Y-m-d",
1093 |       defaultHour: 12,
1094 |       defaultMinute: 0,
1095 |       defaultSeconds: 0,
1096 |       disable: [],
1097 |       disableMobile: false,
1098 |       enable: [],
1099 |       enableSeconds: false,
1100 |       enableTime: false,
1101 |       errorHandler: function errorHandler(err) {
1102 |         return typeof console !== "undefined" && console.warn(err);
1103 |       },
1104 |       getWeek: getWeek,
1105 |       hourIncrement: 1,
1106 |       ignoredFocusElements: [],
1107 |       inline: false,
1108 |       locale: "default",
1109 |       minuteIncrement: 5,
1110 |       mode: "single",
1111 |       nextArrow: "<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M13.207 8.472l-7.854 7.854-0.707-0.707 7.146-7.146-7.146-7.148 0.707-0.707 7.854 7.854z' /></svg>",
1112 |       noCalendar: false,
1113 |       now: new Date(),
1114 |       onChange: [],
1115 |       onClose: [],
1116 |       onDayCreate: [],
1117 |       onDestroy: [],
1118 |       onKeyDown: [],
1119 |       onMonthChange: [],
1120 |       onOpen: [],
1121 |       onParseConfig: [],
1122 |       onReady: [],
1123 |       onValueUpdate: [],
1124 |       onYearChange: [],
1125 |       onPreCalendarPosition: [],
1126 |       plugins: [],
1127 |       position: "auto",
1128 |       positionElement: undefined,
1129 |       prevArrow: "<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M5.207 8.471l7.146 7.147-0.707 0.707-7.853-7.854 7.854-7.853 0.707 0.707-7.147 7.146z' /></svg>",
1130 |       shorthandCurrentMonth: false,
1131 |       showMonths: 1,
1132 |       static: false,
1133 |       time_24hr: false,
1134 |       weekNumbers: false,
1135 |       wrap: false
1136 |     };
1137 | 
1138 |     function toggleClass(elem, className, bool) {
1139 |       if (bool === true) return elem.classList.add(className);
1140 |       elem.classList.remove(className);
1141 |     }
1142 |     function createElement(tag, className, content) {
1143 |       var e = window.document.createElement(tag);
1144 |       className = className || "";
1145 |       content = content || "";
1146 |       e.className = className;
1147 |       if (content !== undefined) e.textContent = content;
1148 |       return e;
1149 |     }
1150 |     function clearNode(node) {
1151 |       while (node.firstChild) {
1152 |         node.removeChild(node.firstChild);
1153 |       }
1154 |     }
1155 |     function findParent(node, condition) {
1156 |       if (condition(node)) return node;else if (node.parentNode) return findParent(node.parentNode, condition);
1157 |       return undefined;
1158 |     }
1159 |     function createNumberInput(inputClassName, opts) {
1160 |       var wrapper = createElement("div", "numInputWrapper"),
1161 |           numInput = createElement("input", "numInput " + inputClassName),
1162 |           arrowUp = createElement("span", "arrowUp"),
1163 |           arrowDown = createElement("span", "arrowDown");
1164 |       numInput.type = "text";
1165 |       numInput.pattern = "\\d*";
1166 |       if (opts !== undefined) for (var key in opts) {
1167 |         numInput.setAttribute(key, opts[key]);
1168 |       }
1169 |       wrapper.appendChild(numInput);
1170 |       wrapper.appendChild(arrowUp);
1171 |       wrapper.appendChild(arrowDown);
1172 |       return wrapper;
1173 |     }
1174 | 
1175 |     if (typeof Object.assign !== "function") {
1176 |       Object.assign = function (target) {
1177 |         if (!target) {
1178 |           throw TypeError("Cannot convert undefined or null to object");
1179 |         }
1180 | 
1181 |         for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
1182 |           args[_key - 1] = arguments[_key];
1183 |         }
1184 | 
1185 |         var _loop = function _loop() {
1186 |           var source = args[_i];
1187 | 
1188 |           if (source) {
1189 |             Object.keys(source).forEach(function (key) {
1190 |               return target[key] = source[key];
1191 |             });
1192 |           }
1193 |         };
1194 | 
1195 |         for (var _i = 0; _i < args.length; _i++) {
1196 |           _loop();
1197 |         }
1198 | 
1199 |         return target;
1200 |       };
1201 |     }
1202 | 
1203 |     var DEBOUNCED_CHANGE_MS = 300;
1204 | 
1205 |     function FlatpickrInstance(element, instanceConfig) {
1206 |       var self = {
1207 |         config: Object.assign({}, flatpickr.defaultConfig),
1208 |         l10n: english
1209 |       };
1210 |       self.parseDate = createDateParser({
1211 |         config: self.config,
1212 |         l10n: self.l10n
1213 |       });
1214 |       self._handlers = [];
1215 |       self._bind = bind;
1216 |       self._setHoursFromDate = setHoursFromDate;
1217 |       self._positionCalendar = positionCalendar;
1218 |       self.changeMonth = changeMonth;
1219 |       self.changeYear = changeYear;
1220 |       self.clear = clear;
1221 |       self.close = close;
1222 |       self._createElement = createElement;
1223 |       self.destroy = destroy;
1224 |       self.isEnabled = isEnabled;
1225 |       self.jumpToDate = jumpToDate;
1226 |       self.open = open;
1227 |       self.redraw = redraw;
1228 |       self.set = set;
1229 |       self.setDate = setDate;
1230 |       self.toggle = toggle;
1231 | 
1232 |       function setupHelperFunctions() {
1233 |         self.utils = {
1234 |           getDaysInMonth: function getDaysInMonth(month, yr) {
1235 |             if (month === void 0) {
1236 |               month = self.currentMonth;
1237 |             }
1238 | 
1239 |             if (yr === void 0) {
1240 |               yr = self.currentYear;
1241 |             }
1242 | 
1243 |             if (month === 1 && (yr % 4 === 0 && yr % 100 !== 0 || yr % 400 === 0)) return 29;
1244 |             return self.l10n.daysInMonth[month];
1245 |           }
1246 |         };
1247 |       }
1248 | 
1249 |       function init() {
1250 |         self.element = self.input = element;
1251 |         self.isOpen = false;
1252 |         parseConfig();
1253 |         setupLocale();
1254 |         setupInputs();
1255 |         setupDates();
1256 |         setupHelperFunctions();
1257 |         if (!self.isMobile) build();
1258 |         bindEvents();
1259 | 
1260 |         if (self.selectedDates.length || self.config.noCalendar) {
1261 |           if (self.config.enableTime) {
1262 |             setHoursFromDate(self.config.noCalendar ? self.latestSelectedDateObj || self.config.minDate : undefined);
1263 |           }
1264 | 
1265 |           updateValue(false);
1266 |         }
1267 | 
1268 |         setCalendarWidth();
1269 |         self.showTimeInput = self.selectedDates.length > 0 || self.config.noCalendar;
1270 |         var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
1271 | 
1272 |         if (!self.isMobile && isSafari) {
1273 |           positionCalendar();
1274 |         }
1275 | 
1276 |         triggerEvent("onReady");
1277 |       }
1278 | 
1279 |       function bindToInstance(fn) {
1280 |         return fn.bind(self);
1281 |       }
1282 | 
1283 |       function setCalendarWidth() {
1284 |         var config = self.config;
1285 |         if (config.weekNumbers === false && config.showMonths === 1) return;else if (config.noCalendar !== true) {
1286 |           window.requestAnimationFrame(function () {
1287 |             self.calendarContainer.style.visibility = "hidden";
1288 |             self.calendarContainer.style.display = "block";
1289 | 
1290 |             if (self.daysContainer !== undefined) {
1291 |               var daysWidth = (self.days.offsetWidth + 1) * config.showMonths;
1292 |               self.daysContainer.style.width = daysWidth + "px";
1293 |               self.calendarContainer.style.width = daysWidth + (self.weekWrapper !== undefined ? self.weekWrapper.offsetWidth : 0) + "px";
1294 |               self.calendarContainer.style.removeProperty("visibility");
1295 |               self.calendarContainer.style.removeProperty("display");
1296 |             }
1297 |           });
1298 |         }
1299 |       }
1300 | 
1301 |       function updateTime(e) {
1302 |         if (self.selectedDates.length === 0) return;
1303 | 
1304 |         if (e !== undefined && e.type !== "blur") {
1305 |           timeWrapper(e);
1306 |         }
1307 | 
1308 |         var prevValue = self._input.value;
1309 |         setHoursFromInputs();
1310 |         updateValue();
1311 | 
1312 |         if (self._input.value !== prevValue) {
1313 |           self._debouncedChange();
1314 |         }
1315 |       }
1316 | 
1317 |       function ampm2military(hour, amPM) {
1318 |         return hour % 12 + 12 * int(amPM === self.l10n.amPM[1]);
1319 |       }
1320 | 
1321 |       function military2ampm(hour) {
1322 |         switch (hour % 24) {
1323 |           case 0:
1324 |           case 12:
1325 |             return 12;
1326 | 
1327 |           default:
1328 |             return hour % 12;
1329 |         }
1330 |       }
1331 | 
1332 |       function setHoursFromInputs() {
1333 |         if (self.hourElement === undefined || self.minuteElement === undefined) return;
1334 |         var hours = (parseInt(self.hourElement.value.slice(-2), 10) || 0) % 24,
1335 |             minutes = (parseInt(self.minuteElement.value, 10) || 0) % 60,
1336 |             seconds = self.secondElement !== undefined ? (parseInt(self.secondElement.value, 10) || 0) % 60 : 0;
1337 | 
1338 |         if (self.amPM !== undefined) {
1339 |           hours = ampm2military(hours, self.amPM.textContent);
1340 |         }
1341 | 
1342 |         var limitMinHours = self.config.minTime !== undefined || self.config.minDate && self.minDateHasTime && self.latestSelectedDateObj && compareDates(self.latestSelectedDateObj, self.config.minDate, true) === 0;
1343 |         var limitMaxHours = self.config.maxTime !== undefined || self.config.maxDate && self.maxDateHasTime && self.latestSelectedDateObj && compareDates(self.latestSelectedDateObj, self.config.maxDate, true) === 0;
1344 | 
1345 |         if (limitMaxHours) {
1346 |           var maxTime = self.config.maxTime !== undefined ? self.config.maxTime : self.config.maxDate;
1347 |           hours = Math.min(hours, maxTime.getHours());
1348 |           if (hours === maxTime.getHours()) minutes = Math.min(minutes, maxTime.getMinutes());
1349 |           if (minutes === maxTime.getMinutes()) seconds = Math.min(seconds, maxTime.getSeconds());
1350 |         }
1351 | 
1352 |         if (limitMinHours) {
1353 |           var minTime = self.config.minTime !== undefined ? self.config.minTime : self.config.minDate;
1354 |           hours = Math.max(hours, minTime.getHours());
1355 |           if (hours === minTime.getHours()) minutes = Math.max(minutes, minTime.getMinutes());
1356 |           if (minutes === minTime.getMinutes()) seconds = Math.max(seconds, minTime.getSeconds());
1357 |         }
1358 | 
1359 |         setHours(hours, minutes, seconds);
1360 |       }
1361 | 
1362 |       function setHoursFromDate(dateObj) {
1363 |         var date = dateObj || self.latestSelectedDateObj;
1364 |         if (date) setHours(date.getHours(), date.getMinutes(), date.getSeconds());
1365 |       }
1366 | 
1367 |       function setDefaultHours() {
1368 |         var hours = self.config.defaultHour;
1369 |         var minutes = self.config.defaultMinute;
1370 |         var seconds = self.config.defaultSeconds;
1371 | 
1372 |         if (self.config.minDate !== undefined) {
1373 |           var min_hr = self.config.minDate.getHours();
1374 |           var min_minutes = self.config.minDate.getMinutes();
1375 |           hours = Math.max(hours, min_hr);
1376 |           if (hours === min_hr) minutes = Math.max(min_minutes, minutes);
1377 |           if (hours === min_hr && minutes === min_minutes) seconds = self.config.minDate.getSeconds();
1378 |         }
1379 | 
1380 |         if (self.config.maxDate !== undefined) {
1381 |           var max_hr = self.config.maxDate.getHours();
1382 |           var max_minutes = self.config.maxDate.getMinutes();
1383 |           hours = Math.min(hours, max_hr);
1384 |           if (hours === max_hr) minutes = Math.min(max_minutes, minutes);
1385 |           if (hours === max_hr && minutes === max_minutes) seconds = self.config.maxDate.getSeconds();
1386 |         }
1387 | 
1388 |         setHours(hours, minutes, seconds);
1389 |       }
1390 | 
1391 |       function setHours(hours, minutes, seconds) {
1392 |         if (self.latestSelectedDateObj !== undefined) {
1393 |           self.latestSelectedDateObj.setHours(hours % 24, minutes, seconds || 0, 0);
1394 |         }
1395 | 
1396 |         if (!self.hourElement || !self.minuteElement || self.isMobile) return;
1397 |         self.hourElement.value = pad(!self.config.time_24hr ? (12 + hours) % 12 + 12 * int(hours % 12 === 0) : hours);
1398 |         self.minuteElement.value = pad(minutes);
1399 |         if (self.amPM !== undefined) self.amPM.textContent = self.l10n.amPM[int(hours >= 12)];
1400 |         if (self.secondElement !== undefined) self.secondElement.value = pad(seconds);
1401 |       }
1402 | 
1403 |       function onYearInput(event) {
1404 |         var year = parseInt(event.target.value) + (event.delta || 0);
1405 | 
1406 |         if (year / 1000 > 1 || event.key === "Enter" && !/[^\d]/.test(year.toString())) {
1407 |           changeYear(year);
1408 |         }
1409 |       }
1410 | 
1411 |       function bind(element, event, handler, options) {
1412 |         if (event instanceof Array) return event.forEach(function (ev) {
1413 |           return bind(element, ev, handler, options);
1414 |         });
1415 |         if (element instanceof Array) return element.forEach(function (el) {
1416 |           return bind(el, event, handler, options);
1417 |         });
1418 |         element.addEventListener(event, handler, options);
1419 | 
1420 |         self._handlers.push({
1421 |           element: element,
1422 |           event: event,
1423 |           handler: handler,
1424 |           options: options
1425 |         });
1426 |       }
1427 | 
1428 |       function onClick(handler) {
1429 |         return function (evt) {
1430 |           evt.which === 1 && handler(evt);
1431 |         };
1432 |       }
1433 | 
1434 |       function triggerChange() {
1435 |         triggerEvent("onChange");
1436 |       }
1437 | 
1438 |       function bindEvents() {
1439 |         if (self.config.wrap) {
1440 |           ["open", "close", "toggle", "clear"].forEach(function (evt) {
1441 |             Array.prototype.forEach.call(self.element.querySelectorAll("[data-" + evt + "]"), function (el) {
1442 |               return bind(el, "click", self[evt]);
1443 |             });
1444 |           });
1445 |         }
1446 | 
1447 |         if (self.isMobile) {
1448 |           setupMobile();
1449 |           return;
1450 |         }
1451 | 
1452 |         var debouncedResize = debounce(onResize, 50);
1453 |         self._debouncedChange = debounce(triggerChange, DEBOUNCED_CHANGE_MS);
1454 |         if (self.daysContainer && !/iPhone|iPad|iPod/i.test(navigator.userAgent)) bind(self.daysContainer, "mouseover", function (e) {
1455 |           if (self.config.mode === "range") onMouseOver(e.target);
1456 |         });
1457 |         bind(window.document.body, "keydown", onKeyDown);
1458 |         if (!self.config.static) bind(self._input, "keydown", onKeyDown);
1459 |         if (!self.config.inline && !self.config.static) bind(window, "resize", debouncedResize);
1460 |         if (window.ontouchstart !== undefined) bind(window.document, "click", documentClick);else bind(window.document, "mousedown", onClick(documentClick));
1461 |         bind(window.document, "focus", documentClick, {
1462 |           capture: true
1463 |         });
1464 | 
1465 |         if (self.config.clickOpens === true) {
1466 |           bind(self._input, "focus", self.open);
1467 |           bind(self._input, "mousedown", onClick(self.open));
1468 |         }
1469 | 
1470 |         if (self.daysContainer !== undefined) {
1471 |           bind(self.monthNav, "mousedown", onClick(onMonthNavClick));
1472 |           bind(self.monthNav, ["keyup", "increment"], onYearInput);
1473 |           bind(self.daysContainer, "mousedown", onClick(selectDate));
1474 |         }
1475 | 
1476 |         if (self.timeContainer !== undefined && self.minuteElement !== undefined && self.hourElement !== undefined) {
1477 |           var selText = function selText(e) {
1478 |             return e.target.select();
1479 |           };
1480 | 
1481 |           bind(self.timeContainer, ["increment"], updateTime);
1482 |           bind(self.timeContainer, "blur", updateTime, {
1483 |             capture: true
1484 |           });
1485 |           bind(self.timeContainer, "mousedown", onClick(timeIncrement));
1486 |           bind([self.hourElement, self.minuteElement], ["focus", "click"], selText);
1487 |           if (self.secondElement !== undefined) bind(self.secondElement, "focus", function () {
1488 |             return self.secondElement && self.secondElement.select();
1489 |           });
1490 | 
1491 |           if (self.amPM !== undefined) {
1492 |             bind(self.amPM, "mousedown", onClick(function (e) {
1493 |               updateTime(e);
1494 |               triggerChange();
1495 |             }));
1496 |           }
1497 |         }
1498 |       }
1499 | 
1500 |       function jumpToDate(jumpDate) {
1501 |         var jumpTo = jumpDate !== undefined ? self.parseDate(jumpDate) : self.latestSelectedDateObj || (self.config.minDate && self.config.minDate > self.now ? self.config.minDate : self.config.maxDate && self.config.maxDate < self.now ? self.config.maxDate : self.now);
1502 | 
1503 |         try {
1504 |           if (jumpTo !== undefined) {
1505 |             self.currentYear = jumpTo.getFullYear();
1506 |             self.currentMonth = jumpTo.getMonth();
1507 |           }
1508 |         } catch (e) {
1509 |           e.message = "Invalid date supplied: " + jumpTo;
1510 |           self.config.errorHandler(e);
1511 |         }
1512 | 
1513 |         self.redraw();
1514 |       }
1515 | 
1516 |       function timeIncrement(e) {
1517 |         if (~e.target.className.indexOf("arrow")) incrementNumInput(e, e.target.classList.contains("arrowUp") ? 1 : -1);
1518 |       }
1519 | 
1520 |       function incrementNumInput(e, delta, inputElem) {
1521 |         var target = e && e.target;
1522 |         var input = inputElem || target && target.parentNode && target.parentNode.firstChild;
1523 |         var event = createEvent("increment");
1524 |         event.delta = delta;
1525 |         input && input.dispatchEvent(event);
1526 |       }
1527 | 
1528 |       function build() {
1529 |         var fragment = window.document.createDocumentFragment();
1530 |         self.calendarContainer = createElement("div", "flatpickr-calendar");
1531 |         self.calendarContainer.tabIndex = -1;
1532 | 
1533 |         if (!self.config.noCalendar) {
1534 |           fragment.appendChild(buildMonthNav());
1535 |           self.innerContainer = createElement("div", "flatpickr-innerContainer");
1536 | 
1537 |           if (self.config.weekNumbers) {
1538 |             var _buildWeeks = buildWeeks(),
1539 |                 weekWrapper = _buildWeeks.weekWrapper,
1540 |                 weekNumbers = _buildWeeks.weekNumbers;
1541 | 
1542 |             self.innerContainer.appendChild(weekWrapper);
1543 |             self.weekNumbers = weekNumbers;
1544 |             self.weekWrapper = weekWrapper;
1545 |           }
1546 | 
1547 |           self.rContainer = createElement("div", "flatpickr-rContainer");
1548 |           self.rContainer.appendChild(buildWeekdays());
1549 | 
1550 |           if (!self.daysContainer) {
1551 |             self.daysContainer = createElement("div", "flatpickr-days");
1552 |             self.daysContainer.tabIndex = -1;
1553 |           }
1554 | 
1555 |           buildDays();
1556 |           self.rContainer.appendChild(self.daysContainer);
1557 |           self.innerContainer.appendChild(self.rContainer);
1558 |           fragment.appendChild(self.innerContainer);
1559 |         }
1560 | 
1561 |         if (self.config.enableTime) {
1562 |           fragment.appendChild(buildTime());
1563 |         }
1564 | 
1565 |         toggleClass(self.calendarContainer, "rangeMode", self.config.mode === "range");
1566 |         toggleClass(self.calendarContainer, "animate", self.config.animate === true);
1567 |         toggleClass(self.calendarContainer, "multiMonth", self.config.showMonths > 1);
1568 |         self.calendarContainer.appendChild(fragment);
1569 |         var customAppend = self.config.appendTo !== undefined && self.config.appendTo.nodeType !== undefined;
1570 | 
1571 |         if (self.config.inline || self.config.static) {
1572 |           self.calendarContainer.classList.add(self.config.inline ? "inline" : "static");
1573 | 
1574 |           if (self.config.inline) {
1575 |             if (!customAppend && self.element.parentNode) self.element.parentNode.insertBefore(self.calendarContainer, self._input.nextSibling);else if (self.config.appendTo !== undefined) self.config.appendTo.appendChild(self.calendarContainer);
1576 |           }
1577 | 
1578 |           if (self.config.static) {
1579 |             var wrapper = createElement("div", "flatpickr-wrapper");
1580 |             if (self.element.parentNode) self.element.parentNode.insertBefore(wrapper, self.element);
1581 |             wrapper.appendChild(self.element);
1582 |             if (self.altInput) wrapper.appendChild(self.altInput);
1583 |             wrapper.appendChild(self.calendarContainer);
1584 |           }
1585 |         }
1586 | 
1587 |         if (!self.config.static && !self.config.inline) (self.config.appendTo !== undefined ? self.config.appendTo : window.document.body).appendChild(self.calendarContainer);
1588 |       }
1589 | 
1590 |       function createDay(className, date, dayNumber, i) {
1591 |         var dateIsEnabled = isEnabled(date, true),
1592 |             dayElement = createElement("span", "flatpickr-day " + className, date.getDate().toString());
1593 |         dayElement.dateObj = date;
1594 |         dayElement.$i = i;
1595 |         dayElement.setAttribute("aria-label", self.formatDate(date, self.config.ariaDateFormat));
1596 | 
1597 |         if (className.indexOf("hidden") === -1 && compareDates(date, self.now) === 0) {
1598 |           self.todayDateElem = dayElement;
1599 |           dayElement.classList.add("today");
1600 |           dayElement.setAttribute("aria-current", "date");
1601 |         }
1602 | 
1603 |         if (dateIsEnabled) {
1604 |           dayElement.tabIndex = -1;
1605 | 
1606 |           if (isDateSelected(date)) {
1607 |             dayElement.classList.add("selected");
1608 |             self.selectedDateElem = dayElement;
1609 | 
1610 |             if (self.config.mode === "range") {
1611 |               toggleClass(dayElement, "startRange", self.selectedDates[0] && compareDates(date, self.selectedDates[0], true) === 0);
1612 |               toggleClass(dayElement, "endRange", self.selectedDates[1] && compareDates(date, self.selectedDates[1], true) === 0);
1613 |               if (className === "nextMonthDay") dayElement.classList.add("inRange");
1614 |             }
1615 |           }
1616 |         } else {
1617 |           dayElement.classList.add("disabled");
1618 |         }
1619 | 
1620 |         if (self.config.mode === "range") {
1621 |           if (isDateInRange(date) && !isDateSelected(date)) dayElement.classList.add("inRange");
1622 |         }
1623 | 
1624 |         if (self.weekNumbers && self.config.showMonths === 1 && className !== "prevMonthDay" && dayNumber % 7 === 1) {
1625 |           self.weekNumbers.insertAdjacentHTML("beforeend", "<span class='flatpickr-day'>" + self.config.getWeek(date) + "</span>");
1626 |         }
1627 | 
1628 |         triggerEvent("onDayCreate", dayElement);
1629 |         return dayElement;
1630 |       }
1631 | 
1632 |       function focusOnDayElem(targetNode) {
1633 |         targetNode.focus();
1634 |         if (self.config.mode === "range") onMouseOver(targetNode);
1635 |       }
1636 | 
1637 |       function getFirstAvailableDay(delta) {
1638 |         var startMonth = delta > 0 ? 0 : self.config.showMonths - 1;
1639 |         var endMonth = delta > 0 ? self.config.showMonths : -1;
1640 | 
1641 |         for (var m = startMonth; m != endMonth; m += delta) {
1642 |           var month = self.daysContainer.children[m];
1643 |           var startIndex = delta > 0 ? 0 : month.children.length - 1;
1644 |           var endIndex = delta > 0 ? month.children.length : -1;
1645 | 
1646 |           for (var i = startIndex; i != endIndex; i += delta) {
1647 |             var c = month.children[i];
1648 |             if (c.className.indexOf("hidden") === -1 && isEnabled(c.dateObj)) return c;
1649 |           }
1650 |         }
1651 | 
1652 |         return undefined;
1653 |       }
1654 | 
1655 |       function getNextAvailableDay(current, delta) {
1656 |         var givenMonth = current.className.indexOf("Month") === -1 ? current.dateObj.getMonth() : self.currentMonth;
1657 |         var endMonth = delta > 0 ? self.config.showMonths : -1;
1658 |         var loopDelta = delta > 0 ? 1 : -1;
1659 | 
1660 |         for (var m = givenMonth - self.currentMonth; m != endMonth; m += loopDelta) {
1661 |           var month = self.daysContainer.children[m];
1662 |           var startIndex = givenMonth - self.currentMonth === m ? current.$i + delta : delta < 0 ? month.children.length - 1 : 0;
1663 |           var numMonthDays = month.children.length;
1664 | 
1665 |           for (var i = startIndex; i >= 0 && i < numMonthDays && i != (delta > 0 ? numMonthDays : -1); i += loopDelta) {
1666 |             var c = month.children[i];
1667 |             if (c.className.indexOf("hidden") === -1 && isEnabled(c.dateObj) && Math.abs(current.$i - i) >= Math.abs(delta)) return focusOnDayElem(c);
1668 |           }
1669 |         }
1670 | 
1671 |         self.changeMonth(loopDelta);
1672 |         focusOnDay(getFirstAvailableDay(loopDelta), 0);
1673 |         return undefined;
1674 |       }
1675 | 
1676 |       function focusOnDay(current, offset) {
1677 |         var dayFocused = isInView(document.activeElement || document.body);
1678 |         var startElem = current !== undefined ? current : dayFocused ? document.activeElement : self.selectedDateElem !== undefined && isInView(self.selectedDateElem) ? self.selectedDateElem : self.todayDateElem !== undefined && isInView(self.todayDateElem) ? self.todayDateElem : getFirstAvailableDay(offset > 0 ? 1 : -1);
1679 |         if (startElem === undefined) return self._input.focus();
1680 |         if (!dayFocused) return focusOnDayElem(startElem);
1681 |         getNextAvailableDay(startElem, offset);
1682 |       }
1683 | 
1684 |       function buildMonthDays(year, month) {
1685 |         var firstOfMonth = (new Date(year, month, 1).getDay() - self.l10n.firstDayOfWeek + 7) % 7;
1686 |         var prevMonthDays = self.utils.getDaysInMonth((month - 1 + 12) % 12);
1687 |         var daysInMonth = self.utils.getDaysInMonth(month),
1688 |             days = window.document.createDocumentFragment(),
1689 |             isMultiMonth = self.config.showMonths > 1,
1690 |             prevMonthDayClass = isMultiMonth ? "prevMonthDay hidden" : "prevMonthDay",
1691 |             nextMonthDayClass = isMultiMonth ? "nextMonthDay hidden" : "nextMonthDay";
1692 |         var dayNumber = prevMonthDays + 1 - firstOfMonth,
1693 |             dayIndex = 0;
1694 | 
1695 |         for (; dayNumber <= prevMonthDays; dayNumber++, dayIndex++) {
1696 |           days.appendChild(createDay(prevMonthDayClass, new Date(year, month - 1, dayNumber), dayNumber, dayIndex));
1697 |         }
1698 | 
1699 |         for (dayNumber = 1; dayNumber <= daysInMonth; dayNumber++, dayIndex++) {
1700 |           days.appendChild(createDay("", new Date(year, month, dayNumber), dayNumber, dayIndex));
1701 |         }
1702 | 
1703 |         for (var dayNum = daysInMonth + 1; dayNum <= 42 - firstOfMonth && (self.config.showMonths === 1 || dayIndex % 7 !== 0); dayNum++, dayIndex++) {
1704 |           days.appendChild(createDay(nextMonthDayClass, new Date(year, month + 1, dayNum % daysInMonth), dayNum, dayIndex));
1705 |         }
1706 | 
1707 |         var dayContainer = createElement("div", "dayContainer");
1708 |         dayContainer.appendChild(days);
1709 |         return dayContainer;
1710 |       }
1711 | 
1712 |       function buildDays() {
1713 |         if (self.daysContainer === undefined) {
1714 |           return;
1715 |         }
1716 | 
1717 |         clearNode(self.daysContainer);
1718 |         if (self.weekNumbers) clearNode(self.weekNumbers);
1719 |         var frag = document.createDocumentFragment();
1720 | 
1721 |         for (var i = 0; i < self.config.showMonths; i++) {
1722 |           var d = new Date(self.currentYear, self.currentMonth, 1);
1723 |           d.setMonth(self.currentMonth + i);
1724 |           frag.appendChild(buildMonthDays(d.getFullYear(), d.getMonth()));
1725 |         }
1726 | 
1727 |         self.daysContainer.appendChild(frag);
1728 |         self.days = self.daysContainer.firstChild;
1729 | 
1730 |         if (self.config.mode === "range" && self.selectedDates.length === 1) {
1731 |           onMouseOver();
1732 |         }
1733 |       }
1734 | 
1735 |       function buildMonth() {
1736 |         var container = createElement("div", "flatpickr-month");
1737 |         var monthNavFragment = window.document.createDocumentFragment();
1738 |         var monthElement = createElement("span", "cur-month");
1739 |         var yearInput = createNumberInput("cur-year", {
1740 |           tabindex: "-1"
1741 |         });
1742 |         var yearElement = yearInput.getElementsByTagName("input")[0];
1743 |         yearElement.setAttribute("aria-label", self.l10n.yearAriaLabel);
1744 |         if (self.config.minDate) yearElement.setAttribute("data-min", self.config.minDate.getFullYear().toString());
1745 | 
1746 |         if (self.config.maxDate) {
1747 |           yearElement.setAttribute("data-max", self.config.maxDate.getFullYear().toString());
1748 |           yearElement.disabled = !!self.config.minDate && self.config.minDate.getFullYear() === self.config.maxDate.getFullYear();
1749 |         }
1750 | 
1751 |         var currentMonth = createElement("div", "flatpickr-current-month");
1752 |         currentMonth.appendChild(monthElement);
1753 |         currentMonth.appendChild(yearInput);
1754 |         monthNavFragment.appendChild(currentMonth);
1755 |         container.appendChild(monthNavFragment);
1756 |         return {
1757 |           container: container,
1758 |           yearElement: yearElement,
1759 |           monthElement: monthElement
1760 |         };
1761 |       }
1762 | 
1763 |       function buildMonths() {
1764 |         clearNode(self.monthNav);
1765 |         self.monthNav.appendChild(self.prevMonthNav);
1766 | 
1767 |         for (var m = self.config.showMonths; m--;) {
1768 |           var month = buildMonth();
1769 |           self.yearElements.push(month.yearElement);
1770 |           self.monthElements.push(month.monthElement);
1771 |           self.monthNav.appendChild(month.container);
1772 |         }
1773 | 
1774 |         self.monthNav.appendChild(self.nextMonthNav);
1775 |       }
1776 | 
1777 |       function buildMonthNav() {
1778 |         self.monthNav = createElement("div", "flatpickr-months");
1779 |         self.yearElements = [];
1780 |         self.monthElements = [];
1781 |         self.prevMonthNav = createElement("span", "flatpickr-prev-month");
1782 |         self.prevMonthNav.innerHTML = self.config.prevArrow;
1783 |         self.nextMonthNav = createElement("span", "flatpickr-next-month");
1784 |         self.nextMonthNav.innerHTML = self.config.nextArrow;
1785 |         buildMonths();
1786 |         Object.defineProperty(self, "_hidePrevMonthArrow", {
1787 |           get: function get() {
1788 |             return self.__hidePrevMonthArrow;
1789 |           },
1790 |           set: function set(bool) {
1791 |             if (self.__hidePrevMonthArrow !== bool) {
1792 |               toggleClass(self.prevMonthNav, "disabled", bool);
1793 |               self.__hidePrevMonthArrow = bool;
1794 |             }
1795 |           }
1796 |         });
1797 |         Object.defineProperty(self, "_hideNextMonthArrow", {
1798 |           get: function get() {
1799 |             return self.__hideNextMonthArrow;
1800 |           },
1801 |           set: function set(bool) {
1802 |             if (self.__hideNextMonthArrow !== bool) {
1803 |               toggleClass(self.nextMonthNav, "disabled", bool);
1804 |               self.__hideNextMonthArrow = bool;
1805 |             }
1806 |           }
1807 |         });
1808 |         self.currentYearElement = self.yearElements[0];
1809 |         updateNavigationCurrentMonth();
1810 |         return self.monthNav;
1811 |       }
1812 | 
1813 |       function buildTime() {
1814 |         self.calendarContainer.classList.add("hasTime");
1815 |         if (self.config.noCalendar) self.calendarContainer.classList.add("noCalendar");
1816 |         self.timeContainer = createElement("div", "flatpickr-time");
1817 |         self.timeContainer.tabIndex = -1;
1818 |         var separator = createElement("span", "flatpickr-time-separator", ":");
1819 |         var hourInput = createNumberInput("flatpickr-hour");
1820 |         self.hourElement = hourInput.getElementsByTagName("input")[0];
1821 |         var minuteInput = createNumberInput("flatpickr-minute");
1822 |         self.minuteElement = minuteInput.getElementsByTagName("input")[0];
1823 |         self.hourElement.tabIndex = self.minuteElement.tabIndex = -1;
1824 |         self.hourElement.value = pad(self.latestSelectedDateObj ? self.latestSelectedDateObj.getHours() : self.config.time_24hr ? self.config.defaultHour : military2ampm(self.config.defaultHour));
1825 |         self.minuteElement.value = pad(self.latestSelectedDateObj ? self.latestSelectedDateObj.getMinutes() : self.config.defaultMinute);
1826 |         self.hourElement.setAttribute("data-step", self.config.hourIncrement.toString());
1827 |         self.minuteElement.setAttribute("data-step", self.config.minuteIncrement.toString());
1828 |         self.hourElement.setAttribute("data-min", self.config.time_24hr ? "0" : "1");
1829 |         self.hourElement.setAttribute("data-max", self.config.time_24hr ? "23" : "12");
1830 |         self.minuteElement.setAttribute("data-min", "0");
1831 |         self.minuteElement.setAttribute("data-max", "59");
1832 |         self.timeContainer.appendChild(hourInput);
1833 |         self.timeContainer.appendChild(separator);
1834 |         self.timeContainer.appendChild(minuteInput);
1835 |         if (self.config.time_24hr) self.timeContainer.classList.add("time24hr");
1836 | 
1837 |         if (self.config.enableSeconds) {
1838 |           self.timeContainer.classList.add("hasSeconds");
1839 |           var secondInput = createNumberInput("flatpickr-second");
1840 |           self.secondElement = secondInput.getElementsByTagName("input")[0];
1841 |           self.secondElement.value = pad(self.latestSelectedDateObj ? self.latestSelectedDateObj.getSeconds() : self.config.defaultSeconds);
1842 |           self.secondElement.setAttribute("data-step", self.minuteElement.getAttribute("data-step"));
1843 |           self.secondElement.setAttribute("data-min", self.minuteElement.getAttribute("data-min"));
1844 |           self.secondElement.setAttribute("data-max", self.minuteElement.getAttribute("data-max"));
1845 |           self.timeContainer.appendChild(createElement("span", "flatpickr-time-separator", ":"));
1846 |           self.timeContainer.appendChild(secondInput);
1847 |         }
1848 | 
1849 |         if (!self.config.time_24hr) {
1850 |           self.amPM = createElement("span", "flatpickr-am-pm", self.l10n.amPM[int((self.latestSelectedDateObj ? self.hourElement.value : self.config.defaultHour) > 11)]);
1851 |           self.amPM.title = self.l10n.toggleTitle;
1852 |           self.amPM.tabIndex = -1;
1853 |           self.timeContainer.appendChild(self.amPM);
1854 |         }
1855 | 
1856 |         return self.timeContainer;
1857 |       }
1858 | 
1859 |       function buildWeekdays() {
1860 |         if (!self.weekdayContainer) self.weekdayContainer = createElement("div", "flatpickr-weekdays");else clearNode(self.weekdayContainer);
1861 | 
1862 |         for (var i = self.config.showMonths; i--;) {
1863 |           var container = createElement("div", "flatpickr-weekdaycontainer");
1864 |           self.weekdayContainer.appendChild(container);
1865 |         }
1866 | 
1867 |         updateWeekdays();
1868 |         return self.weekdayContainer;
1869 |       }
1870 | 
1871 |       function updateWeekdays() {
1872 |         var firstDayOfWeek = self.l10n.firstDayOfWeek;
1873 |         var weekdays = self.l10n.weekdays.shorthand.concat();
1874 | 
1875 |         if (firstDayOfWeek > 0 && firstDayOfWeek < weekdays.length) {
1876 |           weekdays = weekdays.splice(firstDayOfWeek, weekdays.length).concat(weekdays.splice(0, firstDayOfWeek));
1877 |         }
1878 | 
1879 |         for (var i = self.config.showMonths; i--;) {
1880 |           self.weekdayContainer.children[i].innerHTML = "\n      <span class=flatpickr-weekday>\n        " + weekdays.join("</span><span class=flatpickr-weekday>") + "\n      </span>\n      ";
1881 |         }
1882 |       }
1883 | 
1884 |       function buildWeeks() {
1885 |         self.calendarContainer.classList.add("hasWeeks");
1886 |         var weekWrapper = createElement("div", "flatpickr-weekwrapper");
1887 |         weekWrapper.appendChild(createElement("span", "flatpickr-weekday", self.l10n.weekAbbreviation));
1888 |         var weekNumbers = createElement("div", "flatpickr-weeks");
1889 |         weekWrapper.appendChild(weekNumbers);
1890 |         return {
1891 |           weekWrapper: weekWrapper,
1892 |           weekNumbers: weekNumbers
1893 |         };
1894 |       }
1895 | 
1896 |       function changeMonth(value, is_offset) {
1897 |         if (is_offset === void 0) {
1898 |           is_offset = true;
1899 |         }
1900 | 
1901 |         var delta = is_offset ? value : value - self.currentMonth;
1902 |         if (delta < 0 && self._hidePrevMonthArrow === true || delta > 0 && self._hideNextMonthArrow === true) return;
1903 |         self.currentMonth += delta;
1904 | 
1905 |         if (self.currentMonth < 0 || self.currentMonth > 11) {
1906 |           self.currentYear += self.currentMonth > 11 ? 1 : -1;
1907 |           self.currentMonth = (self.currentMonth + 12) % 12;
1908 |           triggerEvent("onYearChange");
1909 |         }
1910 | 
1911 |         buildDays();
1912 |         triggerEvent("onMonthChange");
1913 |         updateNavigationCurrentMonth();
1914 |       }
1915 | 
1916 |       function clear(triggerChangeEvent) {
1917 |         if (triggerChangeEvent === void 0) {
1918 |           triggerChangeEvent = true;
1919 |         }
1920 | 
1921 |         self.input.value = "";
1922 |         if (self.altInput !== undefined) self.altInput.value = "";
1923 |         if (self.mobileInput !== undefined) self.mobileInput.value = "";
1924 |         self.selectedDates = [];
1925 |         self.latestSelectedDateObj = undefined;
1926 |         self.showTimeInput = false;
1927 | 
1928 |         if (self.config.enableTime === true) {
1929 |           setDefaultHours();
1930 |         }
1931 | 
1932 |         self.redraw();
1933 |         if (triggerChangeEvent) triggerEvent("onChange");
1934 |       }
1935 | 
1936 |       function close() {
1937 |         self.isOpen = false;
1938 | 
1939 |         if (!self.isMobile) {
1940 |           self.calendarContainer.classList.remove("open");
1941 | 
1942 |           self._input.classList.remove("active");
1943 |         }
1944 | 
1945 |         triggerEvent("onClose");
1946 |       }
1947 | 
1948 |       function destroy() {
1949 |         if (self.config !== undefined) triggerEvent("onDestroy");
1950 | 
1951 |         for (var i = self._handlers.length; i--;) {
1952 |           var h = self._handlers[i];
1953 |           h.element.removeEventListener(h.event, h.handler, h.options);
1954 |         }
1955 | 
1956 |         self._handlers = [];
1957 | 
1958 |         if (self.mobileInput) {
1959 |           if (self.mobileInput.parentNode) self.mobileInput.parentNode.removeChild(self.mobileInput);
1960 |           self.mobileInput = undefined;
1961 |         } else if (self.calendarContainer && self.calendarContainer.parentNode) {
1962 |           if (self.config.static && self.calendarContainer.parentNode) {
1963 |             var wrapper = self.calendarContainer.parentNode;
1964 |             wrapper.lastChild && wrapper.removeChild(wrapper.lastChild);
1965 | 
1966 |             if (wrapper.parentNode) {
1967 |               while (wrapper.firstChild) {
1968 |                 wrapper.parentNode.insertBefore(wrapper.firstChild, wrapper);
1969 |               }
1970 | 
1971 |               wrapper.parentNode.removeChild(wrapper);
1972 |             }
1973 |           } else self.calendarContainer.parentNode.removeChild(self.calendarContainer);
1974 |         }
1975 | 
1976 |         if (self.altInput) {
1977 |           self.input.type = "text";
1978 |           if (self.altInput.parentNode) self.altInput.parentNode.removeChild(self.altInput);
1979 |           delete self.altInput;
1980 |         }
1981 | 
1982 |         if (self.input) {
1983 |           self.input.type = self.input._type;
1984 |           self.input.classList.remove("flatpickr-input");
1985 |           self.input.removeAttribute("readonly");
1986 |           self.input.value = "";
1987 |         }
1988 | 
1989 |         ["_showTimeInput", "latestSelectedDateObj", "_hideNextMonthArrow", "_hidePrevMonthArrow", "__hideNextMonthArrow", "__hidePrevMonthArrow", "isMobile", "isOpen", "selectedDateElem", "minDateHasTime", "maxDateHasTime", "days", "daysContainer", "_input", "_positionElement", "innerContainer", "rContainer", "monthNav", "todayDateElem", "calendarContainer", "weekdayContainer", "prevMonthNav", "nextMonthNav", "currentMonthElement", "currentYearElement", "navigationCurrentMonth", "selectedDateElem", "config"].forEach(function (k) {
1990 |           try {
1991 |             delete self[k];
1992 |           } catch (_) {}
1993 |         });
1994 |       }
1995 | 
1996 |       function isCalendarElem(elem) {
1997 |         if (self.config.appendTo && self.config.appendTo.contains(elem)) return true;
1998 |         return self.calendarContainer.contains(elem);
1999 |       }
2000 | 
2001 |       function documentClick(e) {
2002 |         if (self.isOpen && !self.config.inline) {
2003 |           var isCalendarElement = isCalendarElem(e.target);
2004 |           var isInput = e.target === self.input || e.target === self.altInput || self.element.contains(e.target) || e.path && e.path.indexOf && (~e.path.indexOf(self.input) || ~e.path.indexOf(self.altInput));
2005 |           var lostFocus = e.type === "blur" ? isInput && e.relatedTarget && !isCalendarElem(e.relatedTarget) : !isInput && !isCalendarElement;
2006 |           var isIgnored = !self.config.ignoredFocusElements.some(function (elem) {
2007 |             return elem.contains(e.target);
2008 |           });
2009 | 
2010 |           if (lostFocus && isIgnored) {
2011 |             self.close();
2012 | 
2013 |             if (self.config.mode === "range" && self.selectedDates.length === 1) {
2014 |               self.clear(false);
2015 |               self.redraw();
2016 |             }
2017 |           }
2018 |         }
2019 |       }
2020 | 
2021 |       function changeYear(newYear) {
2022 |         if (!newYear || self.config.minDate && newYear < self.config.minDate.getFullYear() || self.config.maxDate && newYear > self.config.maxDate.getFullYear()) return;
2023 |         var newYearNum = newYear,
2024 |             isNewYear = self.currentYear !== newYearNum;
2025 |         self.currentYear = newYearNum || self.currentYear;
2026 | 
2027 |         if (self.config.maxDate && self.currentYear === self.config.maxDate.getFullYear()) {
2028 |           self.currentMonth = Math.min(self.config.maxDate.getMonth(), self.currentMonth);
2029 |         } else if (self.config.minDate && self.currentYear === self.config.minDate.getFullYear()) {
2030 |           self.currentMonth = Math.max(self.config.minDate.getMonth(), self.currentMonth);
2031 |         }
2032 | 
2033 |         if (isNewYear) {
2034 |           self.redraw();
2035 |           triggerEvent("onYearChange");
2036 |         }
2037 |       }
2038 | 
2039 |       function isEnabled(date, timeless) {
2040 |         if (timeless === void 0) {
2041 |           timeless = true;
2042 |         }
2043 | 
2044 |         var dateToCheck = self.parseDate(date, undefined, timeless);
2045 |         if (self.config.minDate && dateToCheck && compareDates(dateToCheck, self.config.minDate, timeless !== undefined ? timeless : !self.minDateHasTime) < 0 || self.config.maxDate && dateToCheck && compareDates(dateToCheck, self.config.maxDate, timeless !== undefined ? timeless : !self.maxDateHasTime) > 0) return false;
2046 |         if (self.config.enable.length === 0 && self.config.disable.length === 0) return true;
2047 |         if (dateToCheck === undefined) return false;
2048 |         var bool = self.config.enable.length > 0,
2049 |             array = bool ? self.config.enable : self.config.disable;
2050 | 
2051 |         for (var i = 0, d; i < array.length; i++) {
2052 |           d = array[i];
2053 |           if (typeof d === "function" && d(dateToCheck)) return bool;else if (d instanceof Date && dateToCheck !== undefined && d.getTime() === dateToCheck.getTime()) return bool;else if (typeof d === "string" && dateToCheck !== undefined) {
2054 |             var parsed = self.parseDate(d, undefined, true);
2055 |             return parsed && parsed.getTime() === dateToCheck.getTime() ? bool : !bool;
2056 |           } else if (typeof d === "object" && dateToCheck !== undefined && d.from && d.to && dateToCheck.getTime() >= d.from.getTime() && dateToCheck.getTime() <= d.to.getTime()) return bool;
2057 |         }
2058 | 
2059 |         return !bool;
2060 |       }
2061 | 
2062 |       function isInView(elem) {
2063 |         if (self.daysContainer !== undefined) return elem.className.indexOf("hidden") === -1 && self.daysContainer.contains(elem);
2064 |         return false;
2065 |       }
2066 | 
2067 |       function onKeyDown(e) {
2068 |         var isInput = e.target === self._input;
2069 |         var allowInput = self.config.allowInput;
2070 |         var allowKeydown = self.isOpen && (!allowInput || !isInput);
2071 |         var allowInlineKeydown = self.config.inline && isInput && !allowInput;
2072 | 
2073 |         if (e.keyCode === 13 && isInput) {
2074 |           if (allowInput) {
2075 |             self.setDate(self._input.value, true, e.target === self.altInput ? self.config.altFormat : self.config.dateFormat);
2076 |             return e.target.blur();
2077 |           } else self.open();
2078 |         } else if (isCalendarElem(e.target) || allowKeydown || allowInlineKeydown) {
2079 |           var isTimeObj = !!self.timeContainer && self.timeContainer.contains(e.target);
2080 | 
2081 |           switch (e.keyCode) {
2082 |             case 13:
2083 |               if (isTimeObj) updateTime();else selectDate(e);
2084 |               break;
2085 | 
2086 |             case 27:
2087 |               e.preventDefault();
2088 |               focusAndClose();
2089 |               break;
2090 | 
2091 |             case 8:
2092 |             case 46:
2093 |               if (isInput && !self.config.allowInput) {
2094 |                 e.preventDefault();
2095 |                 self.clear();
2096 |               }
2097 | 
2098 |               break;
2099 | 
2100 |             case 37:
2101 |             case 39:
2102 |               if (!isTimeObj) {
2103 |                 e.preventDefault();
2104 | 
2105 |                 if (self.daysContainer !== undefined && (allowInput === false || isInView(document.activeElement))) {
2106 |                   var _delta = e.keyCode === 39 ? 1 : -1;
2107 | 
2108 |                   if (!e.ctrlKey) focusOnDay(undefined, _delta);else {
2109 |                     changeMonth(_delta);
2110 |                     focusOnDay(getFirstAvailableDay(1), 0);
2111 |                   }
2112 |                 }
2113 |               } else if (self.hourElement) self.hourElement.focus();
2114 | 
2115 |               break;
2116 | 
2117 |             case 38:
2118 |             case 40:
2119 |               e.preventDefault();
2120 |               var delta = e.keyCode === 40 ? 1 : -1;
2121 | 
2122 |               if (self.daysContainer && e.target.$i !== undefined) {
2123 |                 if (e.ctrlKey) {
2124 |                   changeYear(self.currentYear - delta);
2125 |                   focusOnDay(getFirstAvailableDay(1), 0);
2126 |                 } else if (!isTimeObj) focusOnDay(undefined, delta * 7);
2127 |               } else if (self.config.enableTime) {
2128 |                 if (!isTimeObj && self.hourElement) self.hourElement.focus();
2129 |                 updateTime(e);
2130 | 
2131 |                 self._debouncedChange();
2132 |               }
2133 | 
2134 |               break;
2135 | 
2136 |             case 9:
2137 |               if (!isTimeObj) {
2138 |                 self.element.focus();
2139 |                 break;
2140 |               }
2141 | 
2142 |               var elems = [self.hourElement, self.minuteElement, self.secondElement, self.amPM].filter(function (x) {
2143 |                 return x;
2144 |               });
2145 |               var i = elems.indexOf(e.target);
2146 | 
2147 |               if (i !== -1) {
2148 |                 var target = elems[i + (e.shiftKey ? -1 : 1)];
2149 | 
2150 |                 if (target !== undefined) {
2151 |                   e.preventDefault();
2152 |                   target.focus();
2153 |                 } else {
2154 |                   self.element.focus();
2155 |                 }
2156 |               }
2157 | 
2158 |               break;
2159 | 
2160 |             default:
2161 |               break;
2162 |           }
2163 |         }
2164 | 
2165 |         if (self.amPM !== undefined && e.target === self.amPM) {
2166 |           switch (e.key) {
2167 |             case self.l10n.amPM[0].charAt(0):
2168 |             case self.l10n.amPM[0].charAt(0).toLowerCase():
2169 |               self.amPM.textContent = self.l10n.amPM[0];
2170 |               setHoursFromInputs();
2171 |               updateValue();
2172 |               break;
2173 | 
2174 |             case self.l10n.amPM[1].charAt(0):
2175 |             case self.l10n.amPM[1].charAt(0).toLowerCase():
2176 |               self.amPM.textContent = self.l10n.amPM[1];
2177 |               setHoursFromInputs();
2178 |               updateValue();
2179 |               break;
2180 |           }
2181 |         }
2182 | 
2183 |         triggerEvent("onKeyDown", e);
2184 |       }
2185 | 
2186 |       function onMouseOver(elem) {
2187 |         if (self.selectedDates.length !== 1 || elem && (!elem.classList.contains("flatpickr-day") || elem.classList.contains("disabled"))) return;
2188 |         var hoverDate = elem ? elem.dateObj.getTime() : self.days.firstElementChild.dateObj.getTime(),
2189 |             initialDate = self.parseDate(self.selectedDates[0], undefined, true).getTime(),
2190 |             rangeStartDate = Math.min(hoverDate, self.selectedDates[0].getTime()),
2191 |             rangeEndDate = Math.max(hoverDate, self.selectedDates[0].getTime()),
2192 |             lastDate = self.daysContainer.lastChild.lastChild.dateObj.getTime();
2193 |         var containsDisabled = false;
2194 |         var minRange = 0,
2195 |             maxRange = 0;
2196 | 
2197 |         for (var t = rangeStartDate; t < lastDate; t += duration.DAY) {
2198 |           if (!isEnabled(new Date(t), true)) {
2199 |             containsDisabled = containsDisabled || t > rangeStartDate && t < rangeEndDate;
2200 |             if (t < initialDate && (!minRange || t > minRange)) minRange = t;else if (t > initialDate && (!maxRange || t < maxRange)) maxRange = t;
2201 |           }
2202 |         }
2203 | 
2204 |         for (var m = 0; m < self.config.showMonths; m++) {
2205 |           var month = self.daysContainer.children[m];
2206 |           var prevMonth = self.daysContainer.children[m - 1];
2207 | 
2208 |           var _loop = function _loop(i, l) {
2209 |             var dayElem = month.children[i],
2210 |                 date = dayElem.dateObj;
2211 |             var timestamp = date.getTime();
2212 |             var outOfRange = minRange > 0 && timestamp < minRange || maxRange > 0 && timestamp > maxRange;
2213 | 
2214 |             if (outOfRange) {
2215 |               dayElem.classList.add("notAllowed");
2216 |               ["inRange", "startRange", "endRange"].forEach(function (c) {
2217 |                 dayElem.classList.remove(c);
2218 |               });
2219 |               return "continue";
2220 |             } else if (containsDisabled && !outOfRange) return "continue";
2221 | 
2222 |             ["startRange", "inRange", "endRange", "notAllowed"].forEach(function (c) {
2223 |               dayElem.classList.remove(c);
2224 |             });
2225 | 
2226 |             if (elem !== undefined) {
2227 |               elem.classList.add(hoverDate < self.selectedDates[0].getTime() ? "startRange" : "endRange");
2228 | 
2229 |               if (month.contains(elem) || !(m > 0 && prevMonth && prevMonth.lastChild.dateObj.getTime() >= timestamp)) {
2230 |                 if (initialDate < hoverDate && timestamp === initialDate) dayElem.classList.add("startRange");else if (initialDate > hoverDate && timestamp === initialDate) dayElem.classList.add("endRange");
2231 |                 if (timestamp >= minRange && (maxRange === 0 || timestamp <= maxRange) && isBetween(timestamp, initialDate, hoverDate)) dayElem.classList.add("inRange");
2232 |               }
2233 |             }
2234 |           };
2235 | 
2236 |           for (var i = 0, l = month.children.length; i < l; i++) {
2237 |             var _ret = _loop(i, l);
2238 | 
2239 |             if (_ret === "continue") continue;
2240 |           }
2241 |         }
2242 |       }
2243 | 
2244 |       function onResize() {
2245 |         if (self.isOpen && !self.config.static && !self.config.inline) positionCalendar();
2246 |       }
2247 | 
2248 |       function open(e, positionElement) {
2249 |         if (positionElement === void 0) {
2250 |           positionElement = self._positionElement;
2251 |         }
2252 | 
2253 |         if (self.isMobile === true) {
2254 |           if (e) {
2255 |             e.preventDefault();
2256 |             e.target && e.target.blur();
2257 |           }
2258 | 
2259 |           if (self.mobileInput !== undefined) {
2260 |             self.mobileInput.focus();
2261 |             self.mobileInput.click();
2262 |           }
2263 | 
2264 |           triggerEvent("onOpen");
2265 |           return;
2266 |         }
2267 | 
2268 |         if (self._input.disabled || self.config.inline) return;
2269 |         var wasOpen = self.isOpen;
2270 |         self.isOpen = true;
2271 | 
2272 |         if (!wasOpen) {
2273 |           self.calendarContainer.classList.add("open");
2274 | 
2275 |           self._input.classList.add("active");
2276 | 
2277 |           triggerEvent("onOpen");
2278 |           positionCalendar(positionElement);
2279 |         }
2280 | 
2281 |         if (self.config.enableTime === true && self.config.noCalendar === true) {
2282 |           if (self.selectedDates.length === 0) {
2283 |             self.setDate(self.config.minDate !== undefined ? new Date(self.config.minDate.getTime()) : new Date(), false);
2284 |             setDefaultHours();
2285 |             updateValue();
2286 |           }
2287 | 
2288 |           if (self.config.allowInput === false && (e === undefined || !self.timeContainer.contains(e.relatedTarget))) {
2289 |             setTimeout(function () {
2290 |               return self.hourElement.select();
2291 |             }, 50);
2292 |           }
2293 |         }
2294 |       }
2295 | 
2296 |       function minMaxDateSetter(type) {
2297 |         return function (date) {
2298 |           var dateObj = self.config["_" + type + "Date"] = self.parseDate(date, self.config.dateFormat);
2299 |           var inverseDateObj = self.config["_" + (type === "min" ? "max" : "min") + "Date"];
2300 | 
2301 |           if (dateObj !== undefined) {
2302 |             self[type === "min" ? "minDateHasTime" : "maxDateHasTime"] = dateObj.getHours() > 0 || dateObj.getMinutes() > 0 || dateObj.getSeconds() > 0;
2303 |           }
2304 | 
2305 |           if (self.selectedDates) {
2306 |             self.selectedDates = self.selectedDates.filter(function (d) {
2307 |               return isEnabled(d);
2308 |             });
2309 |             if (!self.selectedDates.length && type === "min") setHoursFromDate(dateObj);
2310 |             updateValue();
2311 |           }
2312 | 
2313 |           if (self.daysContainer) {
2314 |             redraw();
2315 |             if (dateObj !== undefined) self.currentYearElement[type] = dateObj.getFullYear().toString();else self.currentYearElement.removeAttribute(type);
2316 |             self.currentYearElement.disabled = !!inverseDateObj && dateObj !== undefined && inverseDateObj.getFullYear() === dateObj.getFullYear();
2317 |           }
2318 |         };
2319 |       }
2320 | 
2321 |       function parseConfig() {
2322 |         var boolOpts = ["wrap", "weekNumbers", "allowInput", "clickOpens", "time_24hr", "enableTime", "noCalendar", "altInput", "shorthandCurrentMonth", "inline", "static", "enableSeconds", "disableMobile"];
2323 |         var userConfig = Object.assign({}, instanceConfig, JSON.parse(JSON.stringify(element.dataset || {})));
2324 |         var formats$$1 = {};
2325 |         self.config.parseDate = userConfig.parseDate;
2326 |         self.config.formatDate = userConfig.formatDate;
2327 |         Object.defineProperty(self.config, "enable", {
2328 |           get: function get() {
2329 |             return self.config._enable;
2330 |           },
2331 |           set: function set(dates) {
2332 |             self.config._enable = parseDateRules(dates);
2333 |           }
2334 |         });
2335 |         Object.defineProperty(self.config, "disable", {
2336 |           get: function get() {
2337 |             return self.config._disable;
2338 |           },
2339 |           set: function set(dates) {
2340 |             self.config._disable = parseDateRules(dates);
2341 |           }
2342 |         });
2343 |         var timeMode = userConfig.mode === "time";
2344 | 
2345 |         if (!userConfig.dateFormat && (userConfig.enableTime || timeMode)) {
2346 |           formats$$1.dateFormat = userConfig.noCalendar || timeMode ? "H:i" + (userConfig.enableSeconds ? ":S" : "") : flatpickr.defaultConfig.dateFormat + " H:i" + (userConfig.enableSeconds ? ":S" : "");
2347 |         }
2348 | 
2349 |         if (userConfig.altInput && (userConfig.enableTime || timeMode) && !userConfig.altFormat) {
2350 |           formats$$1.altFormat = userConfig.noCalendar || timeMode ? "h:i" + (userConfig.enableSeconds ? ":S K" : " K") : flatpickr.defaultConfig.altFormat + (" h:i" + (userConfig.enableSeconds ? ":S" : "") + " K");
2351 |         }
2352 | 
2353 |         Object.defineProperty(self.config, "minDate", {
2354 |           get: function get() {
2355 |             return self.config._minDate;
2356 |           },
2357 |           set: minMaxDateSetter("min")
2358 |         });
2359 |         Object.defineProperty(self.config, "maxDate", {
2360 |           get: function get() {
2361 |             return self.config._maxDate;
2362 |           },
2363 |           set: minMaxDateSetter("max")
2364 |         });
2365 | 
2366 |         var minMaxTimeSetter = function minMaxTimeSetter(type) {
2367 |           return function (val) {
2368 |             self.config[type === "min" ? "_minTime" : "_maxTime"] = self.parseDate(val, "H:i");
2369 |           };
2370 |         };
2371 | 
2372 |         Object.defineProperty(self.config, "minTime", {
2373 |           get: function get() {
2374 |             return self.config._minTime;
2375 |           },
2376 |           set: minMaxTimeSetter("min")
2377 |         });
2378 |         Object.defineProperty(self.config, "maxTime", {
2379 |           get: function get() {
2380 |             return self.config._maxTime;
2381 |           },
2382 |           set: minMaxTimeSetter("max")
2383 |         });
2384 | 
2385 |         if (userConfig.mode === "time") {
2386 |           self.config.noCalendar = true;
2387 |           self.config.enableTime = true;
2388 |         }
2389 | 
2390 |         Object.assign(self.config, formats$$1, userConfig);
2391 | 
2392 |         for (var i = 0; i < boolOpts.length; i++) {
2393 |           self.config[boolOpts[i]] = self.config[boolOpts[i]] === true || self.config[boolOpts[i]] === "true";
2394 |         }
2395 | 
2396 |         HOOKS.filter(function (hook) {
2397 |           return self.config[hook] !== undefined;
2398 |         }).forEach(function (hook) {
2399 |           self.config[hook] = arrayify(self.config[hook] || []).map(bindToInstance);
2400 |         });
2401 |         self.isMobile = !self.config.disableMobile && !self.config.inline && self.config.mode === "single" && !self.config.disable.length && !self.config.enable.length && !self.config.weekNumbers && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
2402 | 
2403 |         for (var _i = 0; _i < self.config.plugins.length; _i++) {
2404 |           var pluginConf = self.config.plugins[_i](self) || {};
2405 | 
2406 |           for (var key in pluginConf) {
2407 |             if (HOOKS.indexOf(key) > -1) {
2408 |               self.config[key] = arrayify(pluginConf[key]).map(bindToInstance).concat(self.config[key]);
2409 |             } else if (typeof userConfig[key] === "undefined") self.config[key] = pluginConf[key];
2410 |           }
2411 |         }
2412 | 
2413 |         triggerEvent("onParseConfig");
2414 |       }
2415 | 
2416 |       function setupLocale() {
2417 |         if (typeof self.config.locale !== "object" && typeof flatpickr.l10ns[self.config.locale] === "undefined") self.config.errorHandler(new Error("flatpickr: invalid locale " + self.config.locale));
2418 |         self.l10n = Object.assign({}, flatpickr.l10ns.default, typeof self.config.locale === "object" ? self.config.locale : self.config.locale !== "default" ? flatpickr.l10ns[self.config.locale] : undefined);
2419 |         tokenRegex.K = "(" + self.l10n.amPM[0] + "|" + self.l10n.amPM[1] + "|" + self.l10n.amPM[0].toLowerCase() + "|" + self.l10n.amPM[1].toLowerCase() + ")";
2420 |         self.formatDate = createDateFormatter(self);
2421 |         self.parseDate = createDateParser({
2422 |           config: self.config,
2423 |           l10n: self.l10n
2424 |         });
2425 |       }
2426 | 
2427 |       function positionCalendar(customPositionElement) {
2428 |         if (self.calendarContainer === undefined) return;
2429 |         triggerEvent("onPreCalendarPosition");
2430 |         var positionElement = customPositionElement || self._positionElement;
2431 |         var calendarHeight = Array.prototype.reduce.call(self.calendarContainer.children, function (acc, child) {
2432 |           return acc + child.offsetHeight;
2433 |         }, 0),
2434 |             calendarWidth = self.calendarContainer.offsetWidth,
2435 |             configPos = self.config.position.split(" "),
2436 |             configPosVertical = configPos[0],
2437 |             configPosHorizontal = configPos.length > 1 ? configPos[1] : null,
2438 |             inputBounds = positionElement.getBoundingClientRect(),
2439 |             distanceFromBottom = window.innerHeight - inputBounds.bottom,
2440 |             showOnTop = configPosVertical === "above" || configPosVertical !== "below" && distanceFromBottom < calendarHeight && inputBounds.top > calendarHeight;
2441 |         var top = window.pageYOffset + inputBounds.top + (!showOnTop ? positionElement.offsetHeight + 2 : -calendarHeight - 2);
2442 |         toggleClass(self.calendarContainer, "arrowTop", !showOnTop);
2443 |         toggleClass(self.calendarContainer, "arrowBottom", showOnTop);
2444 |         if (self.config.inline) return;
2445 |         var left = window.pageXOffset + inputBounds.left - (configPosHorizontal != null && configPosHorizontal === "center" ? (calendarWidth - inputBounds.width) / 2 : 0);
2446 |         var right = window.document.body.offsetWidth - inputBounds.right;
2447 |         var rightMost = left + calendarWidth > window.document.body.offsetWidth;
2448 |         toggleClass(self.calendarContainer, "rightMost", rightMost);
2449 |         if (self.config.static) return;
2450 |         self.calendarContainer.style.top = top + "px";
2451 | 
2452 |         if (!rightMost) {
2453 |           self.calendarContainer.style.left = left + "px";
2454 |           self.calendarContainer.style.right = "auto";
2455 |         } else {
2456 |           self.calendarContainer.style.left = "auto";
2457 |           self.calendarContainer.style.right = right + "px";
2458 |         }
2459 |       }
2460 | 
2461 |       function redraw() {
2462 |         if (self.config.noCalendar || self.isMobile) return;
2463 |         updateNavigationCurrentMonth();
2464 |         buildDays();
2465 |       }
2466 | 
2467 |       function focusAndClose() {
2468 |         self._input.focus();
2469 | 
2470 |         if (window.navigator.userAgent.indexOf("MSIE") !== -1 || navigator.msMaxTouchPoints !== undefined) {
2471 |           setTimeout(self.close, 0);
2472 |         } else {
2473 |           self.close();
2474 |         }
2475 |       }
2476 | 
2477 |       function selectDate(e) {
2478 |         e.preventDefault();
2479 |         e.stopPropagation();
2480 | 
2481 |         var isSelectable = function isSelectable(day) {
2482 |           return day.classList && day.classList.contains("flatpickr-day") && !day.classList.contains("disabled") && !day.classList.contains("notAllowed");
2483 |         };
2484 | 
2485 |         var t = findParent(e.target, isSelectable);
2486 |         if (t === undefined) return;
2487 |         var target = t;
2488 |         var selectedDate = self.latestSelectedDateObj = new Date(target.dateObj.getTime());
2489 |         var shouldChangeMonth = (selectedDate.getMonth() < self.currentMonth || selectedDate.getMonth() > self.currentMonth + self.config.showMonths - 1) && self.config.mode !== "range";
2490 |         self.selectedDateElem = target;
2491 |         if (self.config.mode === "single") self.selectedDates = [selectedDate];else if (self.config.mode === "multiple") {
2492 |           var selectedIndex = isDateSelected(selectedDate);
2493 |           if (selectedIndex) self.selectedDates.splice(parseInt(selectedIndex), 1);else self.selectedDates.push(selectedDate);
2494 |         } else if (self.config.mode === "range") {
2495 |           if (self.selectedDates.length === 2) self.clear(false);
2496 |           self.selectedDates.push(selectedDate);
2497 |           if (compareDates(selectedDate, self.selectedDates[0], true) !== 0) self.selectedDates.sort(function (a, b) {
2498 |             return a.getTime() - b.getTime();
2499 |           });
2500 |         }
2501 |         setHoursFromInputs();
2502 | 
2503 |         if (shouldChangeMonth) {
2504 |           var isNewYear = self.currentYear !== selectedDate.getFullYear();
2505 |           self.currentYear = selectedDate.getFullYear();
2506 |           self.currentMonth = selectedDate.getMonth();
2507 |           if (isNewYear) triggerEvent("onYearChange");
2508 |           triggerEvent("onMonthChange");
2509 |         }
2510 | 
2511 |         updateNavigationCurrentMonth();
2512 |         buildDays();
2513 |         updateValue();
2514 |         if (self.config.enableTime) setTimeout(function () {
2515 |           return self.showTimeInput = true;
2516 |         }, 50);
2517 |         if (!shouldChangeMonth && self.config.mode !== "range" && self.config.showMonths === 1) focusOnDayElem(target);else self.selectedDateElem && self.selectedDateElem.focus();
2518 |         if (self.hourElement !== undefined) setTimeout(function () {
2519 |           return self.hourElement !== undefined && self.hourElement.select();
2520 |         }, 451);
2521 | 
2522 |         if (self.config.closeOnSelect) {
2523 |           var single = self.config.mode === "single" && !self.config.enableTime;
2524 |           var range = self.config.mode === "range" && self.selectedDates.length === 2 && !self.config.enableTime;
2525 | 
2526 |           if (single || range) {
2527 |             focusAndClose();
2528 |           }
2529 |         }
2530 | 
2531 |         triggerChange();
2532 |       }
2533 | 
2534 |       var CALLBACKS = {
2535 |         locale: [setupLocale, updateWeekdays],
2536 |         showMonths: [buildMonths, setCalendarWidth, buildWeekdays]
2537 |       };
2538 | 
2539 |       function set(option, value) {
2540 |         if (option !== null && typeof option === "object") Object.assign(self.config, option);else {
2541 |           self.config[option] = value;
2542 |           if (CALLBACKS[option] !== undefined) CALLBACKS[option].forEach(function (x) {
2543 |             return x();
2544 |           });else if (HOOKS.indexOf(option) > -1) self.config[option] = arrayify(value);
2545 |         }
2546 |         self.redraw();
2547 |         jumpToDate();
2548 |         updateValue(false);
2549 |       }
2550 | 
2551 |       function setSelectedDate(inputDate, format) {
2552 |         var dates = [];
2553 |         if (inputDate instanceof Array) dates = inputDate.map(function (d) {
2554 |           return self.parseDate(d, format);
2555 |         });else if (inputDate instanceof Date || typeof inputDate === "number") dates = [self.parseDate(inputDate, format)];else if (typeof inputDate === "string") {
2556 |           switch (self.config.mode) {
2557 |             case "single":
2558 |             case "time":
2559 |               dates = [self.parseDate(inputDate, format)];
2560 |               break;
2561 | 
2562 |             case "multiple":
2563 |               dates = inputDate.split(self.config.conjunction).map(function (date) {
2564 |                 return self.parseDate(date, format);
2565 |               });
2566 |               break;
2567 | 
2568 |             case "range":
2569 |               dates = inputDate.split(self.l10n.rangeSeparator).map(function (date) {
2570 |                 return self.parseDate(date, format);
2571 |               });
2572 |               break;
2573 | 
2574 |             default:
2575 |               break;
2576 |           }
2577 |         } else self.config.errorHandler(new Error("Invalid date supplied: " + JSON.stringify(inputDate)));
2578 |         self.selectedDates = dates.filter(function (d) {
2579 |           return d instanceof Date && isEnabled(d, false);
2580 |         });
2581 |         if (self.config.mode === "range") self.selectedDates.sort(function (a, b) {
2582 |           return a.getTime() - b.getTime();
2583 |         });
2584 |       }
2585 | 
2586 |       function setDate(date, triggerChange, format) {
2587 |         if (triggerChange === void 0) {
2588 |           triggerChange = false;
2589 |         }
2590 | 
2591 |         if (format === void 0) {
2592 |           format = self.config.dateFormat;
2593 |         }
2594 | 
2595 |         if (date !== 0 && !date || date instanceof Array && date.length === 0) return self.clear(triggerChange);
2596 |         setSelectedDate(date, format);
2597 |         self.showTimeInput = self.selectedDates.length > 0;
2598 |         self.latestSelectedDateObj = self.selectedDates[0];
2599 |         self.redraw();
2600 |         jumpToDate();
2601 |         setHoursFromDate();
2602 |         updateValue(triggerChange);
2603 |         if (triggerChange) triggerEvent("onChange");
2604 |       }
2605 | 
2606 |       function parseDateRules(arr) {
2607 |         return arr.slice().map(function (rule) {
2608 |           if (typeof rule === "string" || typeof rule === "number" || rule instanceof Date) {
2609 |             return self.parseDate(rule, undefined, true);
2610 |           } else if (rule && typeof rule === "object" && rule.from && rule.to) return {
2611 |             from: self.parseDate(rule.from, undefined),
2612 |             to: self.parseDate(rule.to, undefined)
2613 |           };
2614 | 
2615 |           return rule;
2616 |         }).filter(function (x) {
2617 |           return x;
2618 |         });
2619 |       }
2620 | 
2621 |       function setupDates() {
2622 |         self.selectedDates = [];
2623 |         self.now = self.parseDate(self.config.now) || new Date();
2624 |         var preloadedDate = self.config.defaultDate || ((self.input.nodeName === "INPUT" || self.input.nodeName === "TEXTAREA") && self.input.placeholder && self.input.value === self.input.placeholder ? null : self.input.value);
2625 |         if (preloadedDate) setSelectedDate(preloadedDate, self.config.dateFormat);
2626 |         var initialDate = self.selectedDates.length > 0 ? self.selectedDates[0] : self.config.minDate && self.config.minDate.getTime() > self.now.getTime() ? self.config.minDate : self.config.maxDate && self.config.maxDate.getTime() < self.now.getTime() ? self.config.maxDate : self.now;
2627 |         self.currentYear = initialDate.getFullYear();
2628 |         self.currentMonth = initialDate.getMonth();
2629 |         if (self.selectedDates.length > 0) self.latestSelectedDateObj = self.selectedDates[0];
2630 |         if (self.config.minTime !== undefined) self.config.minTime = self.parseDate(self.config.minTime, "H:i");
2631 |         if (self.config.maxTime !== undefined) self.config.maxTime = self.parseDate(self.config.maxTime, "H:i");
2632 |         self.minDateHasTime = !!self.config.minDate && (self.config.minDate.getHours() > 0 || self.config.minDate.getMinutes() > 0 || self.config.minDate.getSeconds() > 0);
2633 |         self.maxDateHasTime = !!self.config.maxDate && (self.config.maxDate.getHours() > 0 || self.config.maxDate.getMinutes() > 0 || self.config.maxDate.getSeconds() > 0);
2634 |         Object.defineProperty(self, "showTimeInput", {
2635 |           get: function get() {
2636 |             return self._showTimeInput;
2637 |           },
2638 |           set: function set(bool) {
2639 |             self._showTimeInput = bool;
2640 |             if (self.calendarContainer) toggleClass(self.calendarContainer, "showTimeInput", bool);
2641 |             self.isOpen && positionCalendar();
2642 |           }
2643 |         });
2644 |       }
2645 | 
2646 |       function setupInputs() {
2647 |         self.input = self.config.wrap ? element.querySelector("[data-input]") : element;
2648 | 
2649 |         if (!self.input) {
2650 |           self.config.errorHandler(new Error("Invalid input element specified"));
2651 |           return;
2652 |         }
2653 | 
2654 |         self.input._type = self.input.type;
2655 |         self.input.type = "text";
2656 |         self.input.classList.add("flatpickr-input");
2657 |         self._input = self.input;
2658 | 
2659 |         if (self.config.altInput) {
2660 |           self.altInput = createElement(self.input.nodeName, self.input.className + " " + self.config.altInputClass);
2661 |           self._input = self.altInput;
2662 |           self.altInput.placeholder = self.input.placeholder;
2663 |           self.altInput.disabled = self.input.disabled;
2664 |           self.altInput.required = self.input.required;
2665 |           self.altInput.tabIndex = self.input.tabIndex;
2666 |           self.altInput.type = "text";
2667 |           self.input.setAttribute("type", "hidden");
2668 |           if (!self.config.static && self.input.parentNode) self.input.parentNode.insertBefore(self.altInput, self.input.nextSibling);
2669 |         }
2670 | 
2671 |         if (!self.config.allowInput) self._input.setAttribute("readonly", "readonly");
2672 |         self._positionElement = self.config.positionElement || self._input;
2673 |       }
2674 | 
2675 |       function setupMobile() {
2676 |         var inputType = self.config.enableTime ? self.config.noCalendar ? "time" : "datetime-local" : "date";
2677 |         self.mobileInput = createElement("input", self.input.className + " flatpickr-mobile");
2678 |         self.mobileInput.step = self.input.getAttribute("step") || "any";
2679 |         self.mobileInput.tabIndex = 1;
2680 |         self.mobileInput.type = inputType;
2681 |         self.mobileInput.disabled = self.input.disabled;
2682 |         self.mobileInput.required = self.input.required;
2683 |         self.mobileInput.placeholder = self.input.placeholder;
2684 |         self.mobileFormatStr = inputType === "datetime-local" ? "Y-m-d\\TH:i:S" : inputType === "date" ? "Y-m-d" : "H:i:S";
2685 | 
2686 |         if (self.selectedDates.length > 0) {
2687 |           self.mobileInput.defaultValue = self.mobileInput.value = self.formatDate(self.selectedDates[0], self.mobileFormatStr);
2688 |         }
2689 | 
2690 |         if (self.config.minDate) self.mobileInput.min = self.formatDate(self.config.minDate, "Y-m-d");
2691 |         if (self.config.maxDate) self.mobileInput.max = self.formatDate(self.config.maxDate, "Y-m-d");
2692 |         self.input.type = "hidden";
2693 |         if (self.altInput !== undefined) self.altInput.type = "hidden";
2694 | 
2695 |         try {
2696 |           if (self.input.parentNode) self.input.parentNode.insertBefore(self.mobileInput, self.input.nextSibling);
2697 |         } catch (_a) {}
2698 | 
2699 |         bind(self.mobileInput, "change", function (e) {
2700 |           self.setDate(e.target.value, false, self.mobileFormatStr);
2701 |           triggerEvent("onChange");
2702 |           triggerEvent("onClose");
2703 |         });
2704 |       }
2705 | 
2706 |       function toggle(e) {
2707 |         if (self.isOpen === true) return self.close();
2708 |         self.open(e);
2709 |       }
2710 | 
2711 |       function triggerEvent(event, data) {
2712 |         if (self.config === undefined) return;
2713 |         var hooks = self.config[event];
2714 | 
2715 |         if (hooks !== undefined && hooks.length > 0) {
2716 |           for (var i = 0; hooks[i] && i < hooks.length; i++) {
2717 |             hooks[i](self.selectedDates, self.input.value, self, data);
2718 |           }
2719 |         }
2720 | 
2721 |         if (event === "onChange") {
2722 |           self.input.dispatchEvent(createEvent("change"));
2723 |           self.input.dispatchEvent(createEvent("input"));
2724 |         }
2725 |       }
2726 | 
2727 |       function createEvent(name) {
2728 |         var e = document.createEvent("Event");
2729 |         e.initEvent(name, true, true);
2730 |         return e;
2731 |       }
2732 | 
2733 |       function isDateSelected(date) {
2734 |         for (var i = 0; i < self.selectedDates.length; i++) {
2735 |           if (compareDates(self.selectedDates[i], date) === 0) return "" + i;
2736 |         }
2737 | 
2738 |         return false;
2739 |       }
2740 | 
2741 |       function isDateInRange(date) {
2742 |         if (self.config.mode !== "range" || self.selectedDates.length < 2) return false;
2743 |         return compareDates(date, self.selectedDates[0]) >= 0 && compareDates(date, self.selectedDates[1]) <= 0;
2744 |       }
2745 | 
2746 |       function updateNavigationCurrentMonth() {
2747 |         if (self.config.noCalendar || self.isMobile || !self.monthNav) return;
2748 |         self.yearElements.forEach(function (yearElement, i) {
2749 |           var d = new Date(self.currentYear, self.currentMonth, 1);
2750 |           d.setMonth(self.currentMonth + i);
2751 |           self.monthElements[i].textContent = monthToStr(d.getMonth(), self.config.shorthandCurrentMonth, self.l10n) + " ";
2752 |           yearElement.value = d.getFullYear().toString();
2753 |         });
2754 |         self._hidePrevMonthArrow = self.config.minDate !== undefined && (self.currentYear === self.config.minDate.getFullYear() ? self.currentMonth <= self.config.minDate.getMonth() : self.currentYear < self.config.minDate.getFullYear());
2755 |         self._hideNextMonthArrow = self.config.maxDate !== undefined && (self.currentYear === self.config.maxDate.getFullYear() ? self.currentMonth + 1 > self.config.maxDate.getMonth() : self.currentYear > self.config.maxDate.getFullYear());
2756 |       }
2757 | 
2758 |       function getDateStr(format) {
2759 |         return self.selectedDates.map(function (dObj) {
2760 |           return self.formatDate(dObj, format);
2761 |         }).filter(function (d, i, arr) {
2762 |           return self.config.mode !== "range" || self.config.enableTime || arr.indexOf(d) === i;
2763 |         }).join(self.config.mode !== "range" ? self.config.conjunction : self.l10n.rangeSeparator);
2764 |       }
2765 | 
2766 |       function updateValue(triggerChange) {
2767 |         if (triggerChange === void 0) {
2768 |           triggerChange = true;
2769 |         }
2770 | 
2771 |         if (self.selectedDates.length === 0) return self.clear(triggerChange);
2772 | 
2773 |         if (self.mobileInput !== undefined && self.mobileFormatStr) {
2774 |           self.mobileInput.value = self.latestSelectedDateObj !== undefined ? self.formatDate(self.latestSelectedDateObj, self.mobileFormatStr) : "";
2775 |         }
2776 | 
2777 |         self.input.value = getDateStr(self.config.dateFormat);
2778 | 
2779 |         if (self.altInput !== undefined) {
2780 |           self.altInput.value = getDateStr(self.config.altFormat);
2781 |         }
2782 | 
2783 |         if (triggerChange !== false) triggerEvent("onValueUpdate");
2784 |       }
2785 | 
2786 |       function onMonthNavClick(e) {
2787 |         e.preventDefault();
2788 |         var isPrevMonth = self.prevMonthNav.contains(e.target);
2789 |         var isNextMonth = self.nextMonthNav.contains(e.target);
2790 | 
2791 |         if (isPrevMonth || isNextMonth) {
2792 |           changeMonth(isPrevMonth ? -1 : 1);
2793 |         } else if (self.yearElements.indexOf(e.target) >= 0) {
2794 |           e.target.select();
2795 |         } else if (e.target.classList.contains("arrowUp")) {
2796 |           self.changeYear(self.currentYear + 1);
2797 |         } else if (e.target.classList.contains("arrowDown")) {
2798 |           self.changeYear(self.currentYear - 1);
2799 |         }
2800 |       }
2801 | 
2802 |       function timeWrapper(e) {
2803 |         e.preventDefault();
2804 |         var isKeyDown = e.type === "keydown",
2805 |             input = e.target;
2806 | 
2807 |         if (self.amPM !== undefined && e.target === self.amPM) {
2808 |           self.amPM.textContent = self.l10n.amPM[int(self.amPM.textContent === self.l10n.amPM[0])];
2809 |         }
2810 | 
2811 |         var min = parseFloat(input.getAttribute("data-min")),
2812 |             max = parseFloat(input.getAttribute("data-max")),
2813 |             step = parseFloat(input.getAttribute("data-step")),
2814 |             curValue = parseInt(input.value, 10),
2815 |             delta = e.delta || (isKeyDown ? e.which === 38 ? 1 : -1 : 0);
2816 |         var newValue = curValue + step * delta;
2817 | 
2818 |         if (typeof input.value !== "undefined" && input.value.length === 2) {
2819 |           var isHourElem = input === self.hourElement,
2820 |               isMinuteElem = input === self.minuteElement;
2821 | 
2822 |           if (newValue < min) {
2823 |             newValue = max + newValue + int(!isHourElem) + (int(isHourElem) && int(!self.amPM));
2824 |             if (isMinuteElem) incrementNumInput(undefined, -1, self.hourElement);
2825 |           } else if (newValue > max) {
2826 |             newValue = input === self.hourElement ? newValue - max - int(!self.amPM) : min;
2827 |             if (isMinuteElem) incrementNumInput(undefined, 1, self.hourElement);
2828 |           }
2829 | 
2830 |           if (self.amPM && isHourElem && (step === 1 ? newValue + curValue === 23 : Math.abs(newValue - curValue) > step)) {
2831 |             self.amPM.textContent = self.l10n.amPM[int(self.amPM.textContent === self.l10n.amPM[0])];
2832 |           }
2833 | 
2834 |           input.value = pad(newValue);
2835 |         }
2836 |       }
2837 | 
2838 |       init();
2839 |       return self;
2840 |     }
2841 | 
2842 |     function _flatpickr(nodeList, config) {
2843 |       var nodes = Array.prototype.slice.call(nodeList);
2844 |       var instances = [];
2845 | 
2846 |       for (var i = 0; i < nodes.length; i++) {
2847 |         var node = nodes[i];
2848 | 
2849 |         try {
2850 |           if (node.getAttribute("data-fp-omit") !== null) continue;
2851 | 
2852 |           if (node._flatpickr !== undefined) {
2853 |             node._flatpickr.destroy();
2854 | 
2855 |             node._flatpickr = undefined;
2856 |           }
2857 | 
2858 |           node._flatpickr = FlatpickrInstance(node, config || {});
2859 |           instances.push(node._flatpickr);
2860 |         } catch (e) {
2861 |           console.error(e);
2862 |         }
2863 |       }
2864 | 
2865 |       return instances.length === 1 ? instances[0] : instances;
2866 |     }
2867 | 
2868 |     if (typeof HTMLElement !== "undefined") {
2869 |       HTMLCollection.prototype.flatpickr = NodeList.prototype.flatpickr = function (config) {
2870 |         return _flatpickr(this, config);
2871 |       };
2872 | 
2873 |       HTMLElement.prototype.flatpickr = function (config) {
2874 |         return _flatpickr([this], config);
2875 |       };
2876 |     }
2877 | 
2878 |     var flatpickr = function flatpickr(selector, config) {
2879 |       if (selector instanceof NodeList) return _flatpickr(selector, config);else if (typeof selector === "string") return _flatpickr(window.document.querySelectorAll(selector), config);
2880 |       return _flatpickr([selector], config);
2881 |     };
2882 | 
2883 |     flatpickr.defaultConfig = defaults;
2884 |     flatpickr.l10ns = {
2885 |       en: Object.assign({}, english),
2886 |       default: Object.assign({}, english)
2887 |     };
2888 | 
2889 |     flatpickr.localize = function (l10n) {
2890 |       flatpickr.l10ns.default = Object.assign({}, flatpickr.l10ns.default, l10n);
2891 |     };
2892 | 
2893 |     flatpickr.setDefaults = function (config) {
2894 |       flatpickr.defaultConfig = Object.assign({}, flatpickr.defaultConfig, config);
2895 |     };
2896 | 
2897 |     flatpickr.parseDate = createDateParser({});
2898 |     flatpickr.formatDate = createDateFormatter({});
2899 |     flatpickr.compareDates = compareDates;
2900 | 
2901 |     if (typeof jQuery !== "undefined") {
2902 |       jQuery.fn.flatpickr = function (config) {
2903 |         return _flatpickr(this, config);
2904 |       };
2905 |     }
2906 | 
2907 |     Date.prototype.fp_incr = function (days) {
2908 |       return new Date(this.getFullYear(), this.getMonth(), this.getDate() + (typeof days === "string" ? parseInt(days, 10) : days));
2909 |     };
2910 | 
2911 |     if (typeof window !== "undefined") {
2912 |       window.flatpickr = flatpickr;
2913 |     }
2914 | 
2915 |     return flatpickr;
2916 | 
2917 | })));
2918 | 
2919 | 
2920 | /***/ }),
2921 | /* 11 */
2922 | /***/ (function(module, exports, __webpack_require__) {
2923 | 
2924 | // style-loader: Adds some css to the DOM by adding a <style> tag
2925 | 
2926 | // load the styles
2927 | var content = __webpack_require__(12);
2928 | if(typeof content === 'string') content = [[module.i, content, '']];
2929 | // Prepare cssTransformation
2930 | var transform;
2931 | 
2932 | var options = {}
2933 | options.transform = transform
2934 | // add the styles to the DOM
2935 | var update = __webpack_require__(13)(content, options);
2936 | if(content.locals) module.exports = content.locals;
2937 | // Hot Module Replacement
2938 | if(false) {
2939 | 	// When the styles change, update the <style> tags
2940 | 	if(!content.locals) {
2941 | 		module.hot.accept("!!../node_modules/css-loader/index.js!./airbnb-modified.css", function() {
2942 | 			var newContent = require("!!../node_modules/css-loader/index.js!./airbnb-modified.css");
2943 | 			if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
2944 | 			update(newContent);
2945 | 		});
2946 | 	}
2947 | 	// When the module is disposed, remove the <style> tags
2948 | 	module.hot.dispose(function() { update(); });
2949 | }
2950 | 
2951 | /***/ }),
2952 | /* 12 */
2953 | /***/ (function(module, exports, __webpack_require__) {
2954 | 
2955 | exports = module.exports = __webpack_require__(1)(false);
2956 | // imports
2957 | 
2958 | 
2959 | // module
2960 | exports.push([module.i, ".date-filter .flatpickr-calendar {\n  background: transparent;\n  opacity: 0;\n  display: none;\n  text-align: center;\n  visibility: hidden;\n  padding: 0;\n  -webkit-animation: none;\n  animation: none;\n  direction: ltr;\n  border: 0;\n  font-size: 14px;\n  line-height: 24px;\n  border-radius: 5px;\n  position: absolute;\n  width: 264px;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  -ms-touch-action: manipulation;\n  touch-action: manipulation;\n  background: #fff;\n  -webkit-box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee,\n    0 3px 13px rgba(0, 0, 0, 0.08);\n  box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee,\n    0 3px 13px rgba(0, 0, 0, 0.08);\n}\n.date-filter .flatpickr-calendar.open,\n.date-filter .flatpickr-calendar.inline {\n  opacity: 1;\n  max-height: 640px;\n  visibility: visible;\n}\n.date-filter .flatpickr-calendar.open {\n  display: inline-block;\n  z-index: 99999;\n}\n.date-filter .flatpickr-calendar.animate.open {\n  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.date-filter .flatpickr-calendar.inline {\n  display: block;\n  position: relative;\n  top: 2px;\n}\n.date-filter .flatpickr-calendar.static {\n  position: absolute;\n  top: calc(100% + 2px);\n}\n.date-filter .flatpickr-calendar.static.open {\n  z-index: 999;\n  display: block;\n}\n.date-filter\n  .flatpickr-calendar.multiMonth\n  .flatpickr-days\n  .dayContainer:nth-child(n + 1)\n  .flatpickr-day.inRange:nth-child(7n + 7) {\n  -webkit-box-shadow: none !important;\n  box-shadow: none !important;\n}\n.date-filter\n  .flatpickr-calendar.multiMonth\n  .flatpickr-days\n  .dayContainer:nth-child(n + 2)\n  .flatpickr-day.inRange:nth-child(7n + 1) {\n  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n.date-filter .flatpickr-calendar .hasWeeks .dayContainer,\n.date-filter .flatpickr-calendar .hasTime .dayContainer {\n  border-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.date-filter .flatpickr-calendar .hasWeeks .dayContainer {\n  border-left: 0;\n}\n.date-filter .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n  height: 40px;\n  border-top: 1px solid #eee;\n}\n.date-filter .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n  height: auto;\n}\n.date-filter .flatpickr-calendar:before,\n.date-filter .flatpickr-calendar:after {\n  position: absolute;\n  display: block;\n  pointer-events: none;\n  border: solid transparent;\n  content: '';\n  height: 0;\n  width: 0;\n  left: 22px;\n}\n.date-filter .flatpickr-calendar.rightMost:before,\n.date-filter .flatpickr-calendar.rightMost:after {\n  left: auto;\n  right: 22px;\n}\n.date-filter .flatpickr-calendar:before {\n  border-width: 5px;\n  margin: 0 -5px;\n}\n.date-filter .flatpickr-calendar:after {\n  border-width: 4px;\n  margin: 0 -4px;\n}\n.date-filter .flatpickr-calendar.arrowTop:before,\n.date-filter .flatpickr-calendar.arrowTop:after {\n  bottom: 100%;\n}\n.date-filter .flatpickr-calendar.arrowTop:before {\n  border-bottom-color: #eee;\n}\n.date-filter .flatpickr-calendar.arrowTop:after {\n  border-bottom-color: #fff;\n}\n.date-filter .flatpickr-calendar.arrowBottom:before,\n.date-filter .flatpickr-calendar.arrowBottom:after {\n  top: 100%;\n}\n.date-filter .flatpickr-calendar.arrowBottom:before {\n  border-top-color: #eee;\n}\n.date-filter .flatpickr-calendar.arrowBottom:after {\n  border-top-color: #fff;\n}\n.date-filter .flatpickr-calendar:focus {\n  outline: 0;\n}\n.flatpickr-wrapper.date-filter {\n  display: block;\n  width: 100%;\n}\n.flatpickr-months {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.flatpickr-months .flatpickr-month {\n  background: transparent;\n  color: #3c3f40;\n  fill: #3c3f40;\n  height: 28px;\n  line-height: 1;\n  text-align: center;\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  overflow: hidden;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n  -ms-flex: 1;\n  flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n  text-decoration: none;\n  cursor: pointer;\n  position: absolute;\n  top: 0px;\n  line-height: 16px;\n  height: 28px;\n  padding: 10px;\n  z-index: 3;\n  color: #3c3f40;\n  fill: #3c3f40;\n}\n.flatpickr-months .flatpickr-prev-month.disabled,\n.flatpickr-months .flatpickr-next-month.disabled {\n  display: none;\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n  position: relative;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {\n  /*\n          /*rtl:begin:ignore*/\n  /*\n          */\n  left: 0;\n  /*\n          /*rtl:end:ignore*/\n  /*\n          */\n}\n/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-next-month {\n  /*\n          /*rtl:begin:ignore*/\n  /*\n          */\n  right: 0;\n  /*\n          /*rtl:end:ignore*/\n  /*\n          */\n}\n/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n  color: #f64747;\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n  fill: #f64747;\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n  width: 14px;\n  height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n  -webkit-transition: fill 0.1s;\n  transition: fill 0.1s;\n  fill: inherit;\n}\n.numInputWrapper {\n  position: relative;\n  height: auto;\n}\n.numInputWrapper input,\n.numInputWrapper span {\n  display: inline-block;\n}\n.numInputWrapper input {\n  width: 100%;\n}\n.numInputWrapper input::-ms-clear {\n  display: none;\n}\n.numInputWrapper span {\n  position: absolute;\n  right: 0;\n  width: 14px;\n  padding: 0 4px 0 2px;\n  height: 50%;\n  line-height: 50%;\n  opacity: 0;\n  cursor: pointer;\n  border: 1px solid rgba(64, 72, 72, 0.15);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n.numInputWrapper span:hover {\n  background: rgba(0, 0, 0, 0.1);\n}\n.numInputWrapper span:active {\n  background: rgba(0, 0, 0, 0.2);\n}\n.numInputWrapper span:after {\n  display: block;\n  content: '';\n  position: absolute;\n}\n.numInputWrapper span.arrowUp {\n  top: 0;\n  border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-bottom: 4px solid rgba(64, 72, 72, 0.6);\n  top: 26%;\n}\n.numInputWrapper span.arrowDown {\n  top: 50%;\n}\n.numInputWrapper span.arrowDown:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 4px solid rgba(64, 72, 72, 0.6);\n  top: 40%;\n}\n.numInputWrapper span svg {\n  width: inherit;\n  height: auto;\n}\n.numInputWrapper span svg path {\n  fill: rgba(60, 63, 64, 0.5);\n}\n.numInputWrapper:hover {\n  background: rgba(0, 0, 0, 0.05);\n}\n.numInputWrapper:hover span {\n  opacity: 1;\n}\n.flatpickr-current-month {\n  font-size: 135%;\n  line-height: inherit;\n  font-weight: 300;\n  color: inherit;\n  position: absolute;\n  width: 75%;\n  left: 12.5%;\n  padding: 6.16px 0 0 0;\n  line-height: 1;\n  height: 28px;\n  display: inline-block;\n  text-align: center;\n  -webkit-transform: translate3d(0px, 0px, 0px);\n  transform: translate3d(0px, 0px, 0px);\n}\n.flatpickr-current-month span.cur-month {\n  font-family: inherit;\n  font-weight: 700;\n  color: inherit;\n  display: inline-block;\n  margin-left: 0.5ch;\n  padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n  background: rgba(0, 0, 0, 0.05);\n}\n.flatpickr-current-month .numInputWrapper {\n  width: 6ch;\n  width: 7ch\\0;\n  display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\n  border-bottom-color: #3c3f40;\n}\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\n  border-top-color: #3c3f40;\n}\n.flatpickr-current-month input.cur-year {\n  background: transparent;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color: inherit;\n  cursor: text;\n  padding: 0 0 0 0.5ch;\n  margin: 0;\n  display: inline-block;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: 300;\n  line-height: inherit;\n  height: auto;\n  border: 0;\n  border-radius: 0;\n  vertical-align: initial;\n}\n.flatpickr-current-month input.cur-year:focus {\n  outline: 0;\n}\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n  font-size: 100%;\n  color: rgba(60, 63, 64, 0.5);\n  background: transparent;\n  pointer-events: none;\n}\n.date-filter .flatpickr-weekdays {\n  background: transparent;\n  text-align: center;\n  overflow: hidden;\n  width: 100%;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n  -ms-flex-align: center;\n  align-items: center;\n  height: 28px;\n  max-width: 250px;\n}\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n  -ms-flex: 1;\n  flex: 1;\n}\nspan.flatpickr-weekday {\n  cursor: default;\n  font-size: 90%;\n  background: transparent;\n  color: rgba(0, 0, 0, 0.54);\n  line-height: 1;\n  margin: 0;\n  text-align: center;\n  display: block;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n  -ms-flex: 1;\n  flex: 1;\n  font-weight: bolder;\n}\n.dayContainer,\n.flatpickr-weeks {\n  padding: 1px 0 0 0;\n}\n.date-filter .flatpickr-days {\n  position: relative;\n  overflow: hidden;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: start;\n  -webkit-align-items: flex-start;\n  -ms-flex-align: start;\n  align-items: flex-start;\n  width: 264px;\n}\n.flatpickr-days:focus {\n  outline: 0;\n}\n.date-filter .dayContainer {\n  padding: 0;\n  outline: 0;\n  text-align: left;\n  width: 100%;\n  min-width: 250px;\n  max-width: 250px;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: inline-block;\n  display: -ms-flexbox;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -ms-flex-wrap: wrap;\n  -ms-flex-pack: justify;\n  -webkit-justify-content: space-around;\n  justify-content: space-around;\n  -webkit-transform: translate3d(0px, 0px, 0px);\n  transform: translate3d(0px, 0px, 0px);\n  opacity: 1;\n}\n.dayContainer + .dayContainer {\n  -webkit-box-shadow: -1px 0 0 #eee;\n  box-shadow: -1px 0 0 #eee;\n}\n.flatpickr-day {\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 150px;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color: #404848;\n  cursor: pointer;\n  font-weight: 400;\n  width: 14.2857143%;\n  -webkit-flex-basis: 14.2857143%;\n  -ms-flex-preferred-size: 14.2857143%;\n  flex-basis: 14.2857143%;\n  max-width: 39px;\n  height: 39px;\n  line-height: 39px;\n  margin: 0;\n  display: inline-block;\n  position: relative;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n  text-align: center;\n}\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day:hover,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n  cursor: pointer;\n  outline: 0;\n  background: #e9e9e9;\n  border-color: #e9e9e9;\n}\n.flatpickr-day.today {\n  border-color: #f64747;\n}\n.flatpickr-day.today:hover,\n.flatpickr-day.today:focus {\n  border-color: #f64747;\n  background: #f64747;\n  color: #fff;\n}\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n  background: #4f99ff;\n  -webkit-box-shadow: none;\n  box-shadow: none;\n  color: #fff;\n  border-color: #4f99ff;\n}\n.flatpickr-day.selected.startRange,\n.flatpickr-day.startRange.startRange,\n.flatpickr-day.endRange.startRange {\n  border-radius: 50px 0 0 50px;\n}\n.flatpickr-day.selected.endRange,\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n  border-radius: 0 50px 50px 0;\n}\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {\n  -webkit-box-shadow: -10px 0 0 #4f99ff;\n  box-shadow: -10px 0 0 #4f99ff;\n}\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n  border-radius: 50px;\n}\n.flatpickr-day.inRange {\n  border-radius: 0;\n  -webkit-box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;\n  box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;\n}\n.flatpickr-day.disabled,\n.flatpickr-day.disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n  color: rgba(64, 72, 72, 0.3);\n  background: transparent;\n  border-color: #e9e9e9;\n  cursor: default;\n}\n.flatpickr-day.disabled,\n.flatpickr-day.disabled:hover {\n  cursor: not-allowed;\n  color: rgba(64, 72, 72, 0.1);\n}\n.flatpickr-day.week.selected {\n  border-radius: 0;\n  -webkit-box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;\n  box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;\n}\n.flatpickr-day.hidden {\n  visibility: hidden;\n}\n.rangeMode .flatpickr-day {\n  margin-top: 1px;\n}\n.flatpickr-weekwrapper {\n  display: inline-block;\n  float: left;\n}\n.flatpickr-weekwrapper .flatpickr-weeks {\n  padding: 0 12px;\n  -webkit-box-shadow: 1px 0 0 #eee;\n  box-shadow: 1px 0 0 #eee;\n}\n.flatpickr-weekwrapper .flatpickr-weekday {\n  float: none;\n  width: 100%;\n  line-height: 28px;\n}\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n  display: block;\n  width: 100%;\n  max-width: none;\n  color: rgba(64, 72, 72, 0.3);\n  background: transparent;\n  cursor: default;\n  border: none;\n}\n.flatpickr-innerContainer {\n  display: block;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n.flatpickr-rContainer {\n  display: inline-block;\n  padding: 0;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n.flatpickr-time {\n  text-align: center;\n  outline: 0;\n  display: block;\n  height: 0;\n  line-height: 40px;\n  max-height: 40px;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  overflow: hidden;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.flatpickr-time:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n.flatpickr-time .numInputWrapper {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n  -ms-flex: 1;\n  flex: 1;\n  width: 40%;\n  height: 40px;\n  float: left;\n}\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n  border-bottom-color: #404848;\n}\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: #404848;\n}\n.flatpickr-time.hasSeconds .numInputWrapper {\n  width: 26%;\n}\n.flatpickr-time.time24hr .numInputWrapper {\n  width: 49%;\n}\n.flatpickr-time input {\n  background: transparent;\n  -webkit-box-shadow: none;\n  box-shadow: none;\n  border: 0;\n  border-radius: 0;\n  text-align: center;\n  margin: 0;\n  padding: 0;\n  height: inherit;\n  line-height: inherit;\n  color: #404848;\n  font-size: 14px;\n  position: relative;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n.flatpickr-time input.flatpickr-hour {\n  font-weight: bold;\n}\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n  font-weight: 400;\n}\n.flatpickr-time input:focus {\n  outline: 0;\n  border: 0;\n}\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  height: inherit;\n  display: inline-block;\n  float: left;\n  line-height: inherit;\n  color: #404848;\n  font-weight: bold;\n  width: 2%;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-align-self: center;\n  -ms-flex-item-align: center;\n  align-self: center;\n}\n.flatpickr-time .flatpickr-am-pm {\n  outline: 0;\n  width: 18%;\n  cursor: pointer;\n  text-align: center;\n  font-weight: 400;\n}\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n  background: #f6f6f6;\n}\n.date-filter .flatpickr-input {\n  width: 100%;\n}\n.flatpickr-input[readonly] {\n  cursor: pointer;\n}\n@-webkit-keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    -webkit-transform: translate3d(0, -20px, 0);\n    transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    -webkit-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    -webkit-transform: translate3d(0, -20px, 0);\n    transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    -webkit-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n  }\n}\n.date-filter .flatpickr-calendar {\n  width: 100%;\n  max-width: 250px;\n}\n.dayContainer {\n  padding: 0;\n  border-right: 0;\n}\nspan.flatpickr-day,\nspan.flatpickr-day.prevMonthDay,\nspan.flatpickr-day.nextMonthDay {\n  border-radius: 0 !important;\n  border: 1px solid #e9e9e9;\n  max-width: none;\n  border-right-color: transparent;\n}\nspan.flatpickr-day:nth-child(n + 8),\nspan.flatpickr-day.prevMonthDay:nth-child(n + 8),\nspan.flatpickr-day.nextMonthDay:nth-child(n + 8) {\n  border-top-color: transparent;\n}\nspan.flatpickr-day:nth-child(7n-6),\nspan.flatpickr-day.prevMonthDay:nth-child(7n-6),\nspan.flatpickr-day.nextMonthDay:nth-child(7n-6) {\n  border-left: 0;\n}\nspan.flatpickr-day:nth-child(n + 36),\nspan.flatpickr-day.prevMonthDay:nth-child(n + 36),\nspan.flatpickr-day.nextMonthDay:nth-child(n + 36) {\n  border-bottom: 0;\n}\nspan.flatpickr-day:nth-child(-n + 7),\nspan.flatpickr-day.prevMonthDay:nth-child(-n + 7),\nspan.flatpickr-day.nextMonthDay:nth-child(-n + 7) {\n  margin-top: 0;\n}\nspan.flatpickr-day.today:not(.selected),\nspan.flatpickr-day.prevMonthDay.today:not(.selected),\nspan.flatpickr-day.nextMonthDay.today:not(.selected) {\n  border-color: #e9e9e9;\n  border-right-color: transparent;\n  border-top-color: transparent;\n  border-bottom-color: #f64747;\n}\nspan.flatpickr-day.today:not(.selected):hover,\nspan.flatpickr-day.prevMonthDay.today:not(.selected):hover,\nspan.flatpickr-day.nextMonthDay.today:not(.selected):hover {\n  border: 1px solid #f64747;\n}\nspan.flatpickr-day.startRange,\nspan.flatpickr-day.prevMonthDay.startRange,\nspan.flatpickr-day.nextMonthDay.startRange,\nspan.flatpickr-day.endRange,\nspan.flatpickr-day.prevMonthDay.endRange,\nspan.flatpickr-day.nextMonthDay.endRange {\n  border-color: #4f99ff;\n}\nspan.flatpickr-day.today,\nspan.flatpickr-day.prevMonthDay.today,\nspan.flatpickr-day.nextMonthDay.today,\nspan.flatpickr-day.selected,\nspan.flatpickr-day.prevMonthDay.selected,\nspan.flatpickr-day.nextMonthDay.selected {\n  z-index: 2;\n}\n.rangeMode .flatpickr-day {\n  margin-top: -1px;\n}\n.flatpickr-weekwrapper .flatpickr-weeks {\n  -webkit-box-shadow: none;\n  box-shadow: none;\n}\n.flatpickr-weekwrapper span.flatpickr-day {\n  border: 0;\n  margin: -1px 0 0 -1px;\n}\n.hasWeeks .flatpickr-days {\n  border-right: 0;\n}\n", ""]);
2961 | 
2962 | // exports
2963 | 
2964 | 
2965 | /***/ }),
2966 | /* 13 */
2967 | /***/ (function(module, exports, __webpack_require__) {
2968 | 
2969 | /*
2970 | 	MIT License http://www.opensource.org/licenses/mit-license.php
2971 | 	Author Tobias Koppers @sokra
2972 | */
2973 | 
2974 | var stylesInDom = {};
2975 | 
2976 | var	memoize = function (fn) {
2977 | 	var memo;
2978 | 
2979 | 	return function () {
2980 | 		if (typeof memo === "undefined") memo = fn.apply(this, arguments);
2981 | 		return memo;
2982 | 	};
2983 | };
2984 | 
2985 | var isOldIE = memoize(function () {
2986 | 	// Test for IE <= 9 as proposed by Browserhacks
2987 | 	// @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
2988 | 	// Tests for existence of standard globals is to allow style-loader
2989 | 	// to operate correctly into non-standard environments
2990 | 	// @see https://github.com/webpack-contrib/style-loader/issues/177
2991 | 	return window && document && document.all && !window.atob;
2992 | });
2993 | 
2994 | var getElement = (function (fn) {
2995 | 	var memo = {};
2996 | 
2997 | 	return function(selector) {
2998 | 		if (typeof memo[selector] === "undefined") {
2999 | 			memo[selector] = fn.call(this, selector);
3000 | 		}
3001 | 
3002 | 		return memo[selector]
3003 | 	};
3004 | })(function (target) {
3005 | 	return document.querySelector(target)
3006 | });
3007 | 
3008 | var singleton = null;
3009 | var	singletonCounter = 0;
3010 | var	stylesInsertedAtTop = [];
3011 | 
3012 | var	fixUrls = __webpack_require__(14);
3013 | 
3014 | module.exports = function(list, options) {
3015 | 	if (typeof DEBUG !== "undefined" && DEBUG) {
3016 | 		if (typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
3017 | 	}
3018 | 
3019 | 	options = options || {};
3020 | 
3021 | 	options.attrs = typeof options.attrs === "object" ? options.attrs : {};
3022 | 
3023 | 	// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
3024 | 	// tags it will allow on a page
3025 | 	if (!options.singleton) options.singleton = isOldIE();
3026 | 
3027 | 	// By default, add <style> tags to the <head> element
3028 | 	if (!options.insertInto) options.insertInto = "head";
3029 | 
3030 | 	// By default, add <style> tags to the bottom of the target
3031 | 	if (!options.insertAt) options.insertAt = "bottom";
3032 | 
3033 | 	var styles = listToStyles(list, options);
3034 | 
3035 | 	addStylesToDom(styles, options);
3036 | 
3037 | 	return function update (newList) {
3038 | 		var mayRemove = [];
3039 | 
3040 | 		for (var i = 0; i < styles.length; i++) {
3041 | 			var item = styles[i];
3042 | 			var domStyle = stylesInDom[item.id];
3043 | 
3044 | 			domStyle.refs--;
3045 | 			mayRemove.push(domStyle);
3046 | 		}
3047 | 
3048 | 		if(newList) {
3049 | 			var newStyles = listToStyles(newList, options);
3050 | 			addStylesToDom(newStyles, options);
3051 | 		}
3052 | 
3053 | 		for (var i = 0; i < mayRemove.length; i++) {
3054 | 			var domStyle = mayRemove[i];
3055 | 
3056 | 			if(domStyle.refs === 0) {
3057 | 				for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();
3058 | 
3059 | 				delete stylesInDom[domStyle.id];
3060 | 			}
3061 | 		}
3062 | 	};
3063 | };
3064 | 
3065 | function addStylesToDom (styles, options) {
3066 | 	for (var i = 0; i < styles.length; i++) {
3067 | 		var item = styles[i];
3068 | 		var domStyle = stylesInDom[item.id];
3069 | 
3070 | 		if(domStyle) {
3071 | 			domStyle.refs++;
3072 | 
3073 | 			for(var j = 0; j < domStyle.parts.length; j++) {
3074 | 				domStyle.parts[j](item.parts[j]);
3075 | 			}
3076 | 
3077 | 			for(; j < item.parts.length; j++) {
3078 | 				domStyle.parts.push(addStyle(item.parts[j], options));
3079 | 			}
3080 | 		} else {
3081 | 			var parts = [];
3082 | 
3083 | 			for(var j = 0; j < item.parts.length; j++) {
3084 | 				parts.push(addStyle(item.parts[j], options));
3085 | 			}
3086 | 
3087 | 			stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
3088 | 		}
3089 | 	}
3090 | }
3091 | 
3092 | function listToStyles (list, options) {
3093 | 	var styles = [];
3094 | 	var newStyles = {};
3095 | 
3096 | 	for (var i = 0; i < list.length; i++) {
3097 | 		var item = list[i];
3098 | 		var id = options.base ? item[0] + options.base : item[0];
3099 | 		var css = item[1];
3100 | 		var media = item[2];
3101 | 		var sourceMap = item[3];
3102 | 		var part = {css: css, media: media, sourceMap: sourceMap};
3103 | 
3104 | 		if(!newStyles[id]) styles.push(newStyles[id] = {id: id, parts: [part]});
3105 | 		else newStyles[id].parts.push(part);
3106 | 	}
3107 | 
3108 | 	return styles;
3109 | }
3110 | 
3111 | function insertStyleElement (options, style) {
3112 | 	var target = getElement(options.insertInto)
3113 | 
3114 | 	if (!target) {
3115 | 		throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");
3116 | 	}
3117 | 
3118 | 	var lastStyleElementInsertedAtTop = stylesInsertedAtTop[stylesInsertedAtTop.length - 1];
3119 | 
3120 | 	if (options.insertAt === "top") {
3121 | 		if (!lastStyleElementInsertedAtTop) {
3122 | 			target.insertBefore(style, target.firstChild);
3123 | 		} else if (lastStyleElementInsertedAtTop.nextSibling) {
3124 | 			target.insertBefore(style, lastStyleElementInsertedAtTop.nextSibling);
3125 | 		} else {
3126 | 			target.appendChild(style);
3127 | 		}
3128 | 		stylesInsertedAtTop.push(style);
3129 | 	} else if (options.insertAt === "bottom") {
3130 | 		target.appendChild(style);
3131 | 	} else {
3132 | 		throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
3133 | 	}
3134 | }
3135 | 
3136 | function removeStyleElement (style) {
3137 | 	if (style.parentNode === null) return false;
3138 | 	style.parentNode.removeChild(style);
3139 | 
3140 | 	var idx = stylesInsertedAtTop.indexOf(style);
3141 | 	if(idx >= 0) {
3142 | 		stylesInsertedAtTop.splice(idx, 1);
3143 | 	}
3144 | }
3145 | 
3146 | function createStyleElement (options) {
3147 | 	var style = document.createElement("style");
3148 | 
3149 | 	options.attrs.type = "text/css";
3150 | 
3151 | 	addAttrs(style, options.attrs);
3152 | 	insertStyleElement(options, style);
3153 | 
3154 | 	return style;
3155 | }
3156 | 
3157 | function createLinkElement (options) {
3158 | 	var link = document.createElement("link");
3159 | 
3160 | 	options.attrs.type = "text/css";
3161 | 	options.attrs.rel = "stylesheet";
3162 | 
3163 | 	addAttrs(link, options.attrs);
3164 | 	insertStyleElement(options, link);
3165 | 
3166 | 	return link;
3167 | }
3168 | 
3169 | function addAttrs (el, attrs) {
3170 | 	Object.keys(attrs).forEach(function (key) {
3171 | 		el.setAttribute(key, attrs[key]);
3172 | 	});
3173 | }
3174 | 
3175 | function addStyle (obj, options) {
3176 | 	var style, update, remove, result;
3177 | 
3178 | 	// If a transform function was defined, run it on the css
3179 | 	if (options.transform && obj.css) {
3180 | 	    result = options.transform(obj.css);
3181 | 
3182 | 	    if (result) {
3183 | 	    	// If transform returns a value, use that instead of the original css.
3184 | 	    	// This allows running runtime transformations on the css.
3185 | 	    	obj.css = result;
3186 | 	    } else {
3187 | 	    	// If the transform function returns a falsy value, don't add this css.
3188 | 	    	// This allows conditional loading of css
3189 | 	    	return function() {
3190 | 	    		// noop
3191 | 	    	};
3192 | 	    }
3193 | 	}
3194 | 
3195 | 	if (options.singleton) {
3196 | 		var styleIndex = singletonCounter++;
3197 | 
3198 | 		style = singleton || (singleton = createStyleElement(options));
3199 | 
3200 | 		update = applyToSingletonTag.bind(null, style, styleIndex, false);
3201 | 		remove = applyToSingletonTag.bind(null, style, styleIndex, true);
3202 | 
3203 | 	} else if (
3204 | 		obj.sourceMap &&
3205 | 		typeof URL === "function" &&
3206 | 		typeof URL.createObjectURL === "function" &&
3207 | 		typeof URL.revokeObjectURL === "function" &&
3208 | 		typeof Blob === "function" &&
3209 | 		typeof btoa === "function"
3210 | 	) {
3211 | 		style = createLinkElement(options);
3212 | 		update = updateLink.bind(null, style, options);
3213 | 		remove = function () {
3214 | 			removeStyleElement(style);
3215 | 
3216 | 			if(style.href) URL.revokeObjectURL(style.href);
3217 | 		};
3218 | 	} else {
3219 | 		style = createStyleElement(options);
3220 | 		update = applyToTag.bind(null, style);
3221 | 		remove = function () {
3222 | 			removeStyleElement(style);
3223 | 		};
3224 | 	}
3225 | 
3226 | 	update(obj);
3227 | 
3228 | 	return function updateStyle (newObj) {
3229 | 		if (newObj) {
3230 | 			if (
3231 | 				newObj.css === obj.css &&
3232 | 				newObj.media === obj.media &&
3233 | 				newObj.sourceMap === obj.sourceMap
3234 | 			) {
3235 | 				return;
3236 | 			}
3237 | 
3238 | 			update(obj = newObj);
3239 | 		} else {
3240 | 			remove();
3241 | 		}
3242 | 	};
3243 | }
3244 | 
3245 | var replaceText = (function () {
3246 | 	var textStore = [];
3247 | 
3248 | 	return function (index, replacement) {
3249 | 		textStore[index] = replacement;
3250 | 
3251 | 		return textStore.filter(Boolean).join('\n');
3252 | 	};
3253 | })();
3254 | 
3255 | function applyToSingletonTag (style, index, remove, obj) {
3256 | 	var css = remove ? "" : obj.css;
3257 | 
3258 | 	if (style.styleSheet) {
3259 | 		style.styleSheet.cssText = replaceText(index, css);
3260 | 	} else {
3261 | 		var cssNode = document.createTextNode(css);
3262 | 		var childNodes = style.childNodes;
3263 | 
3264 | 		if (childNodes[index]) style.removeChild(childNodes[index]);
3265 | 
3266 | 		if (childNodes.length) {
3267 | 			style.insertBefore(cssNode, childNodes[index]);
3268 | 		} else {
3269 | 			style.appendChild(cssNode);
3270 | 		}
3271 | 	}
3272 | }
3273 | 
3274 | function applyToTag (style, obj) {
3275 | 	var css = obj.css;
3276 | 	var media = obj.media;
3277 | 
3278 | 	if(media) {
3279 | 		style.setAttribute("media", media)
3280 | 	}
3281 | 
3282 | 	if(style.styleSheet) {
3283 | 		style.styleSheet.cssText = css;
3284 | 	} else {
3285 | 		while(style.firstChild) {
3286 | 			style.removeChild(style.firstChild);
3287 | 		}
3288 | 
3289 | 		style.appendChild(document.createTextNode(css));
3290 | 	}
3291 | }
3292 | 
3293 | function updateLink (link, options, obj) {
3294 | 	var css = obj.css;
3295 | 	var sourceMap = obj.sourceMap;
3296 | 
3297 | 	/*
3298 | 		If convertToAbsoluteUrls isn't defined, but sourcemaps are enabled
3299 | 		and there is no publicPath defined then lets turn convertToAbsoluteUrls
3300 | 		on by default.  Otherwise default to the convertToAbsoluteUrls option
3301 | 		directly
3302 | 	*/
3303 | 	var autoFixUrls = options.convertToAbsoluteUrls === undefined && sourceMap;
3304 | 
3305 | 	if (options.convertToAbsoluteUrls || autoFixUrls) {
3306 | 		css = fixUrls(css);
3307 | 	}
3308 | 
3309 | 	if (sourceMap) {
3310 | 		// http://stackoverflow.com/a/26603875
3311 | 		css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
3312 | 	}
3313 | 
3314 | 	var blob = new Blob([css], { type: "text/css" });
3315 | 
3316 | 	var oldSrc = link.href;
3317 | 
3318 | 	link.href = URL.createObjectURL(blob);
3319 | 
3320 | 	if(oldSrc) URL.revokeObjectURL(oldSrc);
3321 | }
3322 | 
3323 | 
3324 | /***/ }),
3325 | /* 14 */
3326 | /***/ (function(module, exports) {
3327 | 
3328 | 
3329 | /**
3330 |  * When source maps are enabled, `style-loader` uses a link element with a data-uri to
3331 |  * embed the css on the page. This breaks all relative urls because now they are relative to a
3332 |  * bundle instead of the current page.
3333 |  *
3334 |  * One solution is to only use full urls, but that may be impossible.
3335 |  *
3336 |  * Instead, this function "fixes" the relative urls to be absolute according to the current page location.
3337 |  *
3338 |  * A rudimentary test suite is located at `test/fixUrls.js` and can be run via the `npm test` command.
3339 |  *
3340 |  */
3341 | 
3342 | module.exports = function (css) {
3343 |   // get current location
3344 |   var location = typeof window !== "undefined" && window.location;
3345 | 
3346 |   if (!location) {
3347 |     throw new Error("fixUrls requires window.location");
3348 |   }
3349 | 
3350 | 	// blank or null?
3351 | 	if (!css || typeof css !== "string") {
3352 | 	  return css;
3353 |   }
3354 | 
3355 |   var baseUrl = location.protocol + "//" + location.host;
3356 |   var currentDir = baseUrl + location.pathname.replace(/\/[^\/]*$/, "/");
3357 | 
3358 | 	// convert each url(...)
3359 | 	/*
3360 | 	This regular expression is just a way to recursively match brackets within
3361 | 	a string.
3362 | 
3363 | 	 /url\s*\(  = Match on the word "url" with any whitespace after it and then a parens
3364 | 	   (  = Start a capturing group
3365 | 	     (?:  = Start a non-capturing group
3366 | 	         [^)(]  = Match anything that isn't a parentheses
3367 | 	         |  = OR
3368 | 	         \(  = Match a start parentheses
3369 | 	             (?:  = Start another non-capturing groups
3370 | 	                 [^)(]+  = Match anything that isn't a parentheses
3371 | 	                 |  = OR
3372 | 	                 \(  = Match a start parentheses
3373 | 	                     [^)(]*  = Match anything that isn't a parentheses
3374 | 	                 \)  = Match a end parentheses
3375 | 	             )  = End Group
3376 |               *\) = Match anything and then a close parens
3377 |           )  = Close non-capturing group
3378 |           *  = Match anything
3379 |        )  = Close capturing group
3380 | 	 \)  = Match a close parens
3381 | 
3382 | 	 /gi  = Get all matches, not the first.  Be case insensitive.
3383 | 	 */
3384 | 	var fixedCss = css.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi, function(fullMatch, origUrl) {
3385 | 		// strip quotes (if they exist)
3386 | 		var unquotedOrigUrl = origUrl
3387 | 			.trim()
3388 | 			.replace(/^"(.*)"$/, function(o, $1){ return $1; })
3389 | 			.replace(/^'(.*)'$/, function(o, $1){ return $1; });
3390 | 
3391 | 		// already a full url? no change
3392 | 		if (/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/)/i.test(unquotedOrigUrl)) {
3393 | 		  return fullMatch;
3394 | 		}
3395 | 
3396 | 		// convert the url to a full url
3397 | 		var newUrl;
3398 | 
3399 | 		if (unquotedOrigUrl.indexOf("//") === 0) {
3400 | 		  	//TODO: should we add protocol?
3401 | 			newUrl = unquotedOrigUrl;
3402 | 		} else if (unquotedOrigUrl.indexOf("/") === 0) {
3403 | 			// path should be relative to the base url
3404 | 			newUrl = baseUrl + unquotedOrigUrl; // already starts with '/'
3405 | 		} else {
3406 | 			// path should be relative to current directory
3407 | 			newUrl = currentDir + unquotedOrigUrl.replace(/^\.\//, ""); // Strip leading './'
3408 | 		}
3409 | 
3410 | 		// send back the fixed url(...)
3411 | 		return "url(" + JSON.stringify(newUrl) + ")";
3412 | 	});
3413 | 
3414 | 	// send back the fixed css
3415 | 	return fixedCss;
3416 | };
3417 | 
3418 | 
3419 | /***/ }),
3420 | /* 15 */
3421 | /***/ (function(module, exports, __webpack_require__) {
3422 | 
3423 | var render = function() {
3424 |   var _vm = this
3425 |   var _h = _vm.$createElement
3426 |   var _c = _vm._self._c || _h
3427 |   return _c("input", {
3428 |     ref: "datePicker",
3429 |     staticClass: "w-full form-control form-input form-input-bordered",
3430 |     class: { "!cursor-not-allowed": _vm.disabled },
3431 |     attrs: {
3432 |       disabled: _vm.optionsdisabled,
3433 |       type: "text",
3434 |       placeholder: _vm.placeholder
3435 |     },
3436 |     domProps: { value: _vm.value }
3437 |   })
3438 | }
3439 | var staticRenderFns = []
3440 | render._withStripped = true
3441 | module.exports = { render: render, staticRenderFns: staticRenderFns }
3442 | if (false) {
3443 |   module.hot.accept()
3444 |   if (module.hot.data) {
3445 |     require("vue-hot-reload-api")      .rerender("data-v-fa816ef2", module.exports)
3446 |   }
3447 | }
3448 | 
3449 | /***/ }),
3450 | /* 16 */
3451 | /***/ (function(module, exports, __webpack_require__) {
3452 | 
3453 | var disposed = false
3454 | var normalizeComponent = __webpack_require__(0)
3455 | /* script */
3456 | var __vue_script__ = __webpack_require__(17)
3457 | /* template */
3458 | var __vue_template__ = __webpack_require__(18)
3459 | /* template functional */
3460 | var __vue_template_functional__ = false
3461 | /* styles */
3462 | var __vue_styles__ = null
3463 | /* scopeId */
3464 | var __vue_scopeId__ = null
3465 | /* moduleIdentifier (server only) */
3466 | var __vue_module_identifier__ = null
3467 | var Component = normalizeComponent(
3468 |   __vue_script__,
3469 |   __vue_template__,
3470 |   __vue_template_functional__,
3471 |   __vue_styles__,
3472 |   __vue_scopeId__,
3473 |   __vue_module_identifier__
3474 | )
3475 | Component.options.__file = "resources/js/components/FilterSelector.vue"
3476 | 
3477 | /* hot reload */
3478 | if (false) {(function () {
3479 |   var hotAPI = require("vue-hot-reload-api")
3480 |   hotAPI.install(require("vue"), false)
3481 |   if (!hotAPI.compatible) return
3482 |   module.hot.accept()
3483 |   if (!module.hot.data) {
3484 |     hotAPI.createRecord("data-v-754a0322", Component.options)
3485 |   } else {
3486 |     hotAPI.reload("data-v-754a0322", Component.options)
3487 |   }
3488 |   module.hot.dispose(function (data) {
3489 |     disposed = true
3490 |   })
3491 | })()}
3492 | 
3493 | module.exports = Component.exports
3494 | 
3495 | 
3496 | /***/ }),
3497 | /* 17 */
3498 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
3499 | 
3500 | "use strict";
3501 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
3502 | //
3503 | //
3504 | //
3505 | //
3506 | //
3507 | //
3508 | //
3509 | //
3510 | //
3511 | //
3512 | //
3513 | //
3514 | //
3515 | //
3516 | //
3517 | //
3518 | //
3519 | //
3520 | //
3521 | //
3522 | //
3523 | //
3524 | //
3525 | //
3526 | //
3527 | //
3528 | //
3529 | //
3530 | //
3531 | //
3532 | //
3533 | //
3534 | //
3535 | 
3536 | /* harmony default export */ __webpack_exports__["default"] = ({
3537 |   props: ['filters', 'currentFilters'],
3538 | 
3539 |   /**
3540 |    * Mount the component.
3541 |    */
3542 |   mounted: function mounted() {
3543 |     this.current = this.currentFilters;
3544 |   },
3545 | 
3546 | 
3547 |   methods: {
3548 |     /**
3549 |      * Handle a filter selection change.
3550 |      */
3551 |     filterChanged: function filterChanged(filter) {
3552 |       var newCurrent = _.reject(this.currentFilters, function (f) {
3553 |         return f.class == filter.class;
3554 |       });
3555 | 
3556 |       if (filter.currentValue !== '') {
3557 |         newCurrent.push({
3558 |           class: filter.class,
3559 |           value: filter.currentValue
3560 |         });
3561 |       }
3562 | 
3563 |       this.$emit('update:currentFilters', newCurrent);
3564 |       this.$emit('changed', newCurrent);
3565 |     }
3566 |   }
3567 | });
3568 | 
3569 | /***/ }),
3570 | /* 18 */
3571 | /***/ (function(module, exports, __webpack_require__) {
3572 | 
3573 | var render = function() {
3574 |   var _vm = this
3575 |   var _h = _vm.$createElement
3576 |   var _c = _vm._self._c || _h
3577 |   return _c(
3578 |     "div",
3579 |     _vm._l(_vm.filters, function(filter) {
3580 |       return _c(
3581 |         "filter-select",
3582 |         { key: filter.name },
3583 |         [
3584 |           _c(
3585 |             "h3",
3586 |             {
3587 |               staticClass: "text-sm uppercase tracking-wide text-80 bg-30 p-3",
3588 |               attrs: { slot: "default" },
3589 |               slot: "default"
3590 |             },
3591 |             [_vm._v("\n      " + _vm._s(filter.name) + "\n    ")]
3592 |           ),
3593 |           _vm._v(" "),
3594 |           _c(
3595 |             "template",
3596 |             { slot: "select" },
3597 |             [
3598 |               filter.customComponent
3599 |                 ? _c(filter.component, {
3600 |                     tag: "div",
3601 |                     attrs: { filter: filter },
3602 |                     on: {
3603 |                       input: function($event) {
3604 |                         _vm.filterChanged(filter)
3605 |                       }
3606 |                     },
3607 |                     model: {
3608 |                       value: filter.currentValue,
3609 |                       callback: function($$v) {
3610 |                         _vm.$set(filter, "currentValue", $$v)
3611 |                       },
3612 |                       expression: "filter.currentValue"
3613 |                     }
3614 |                   })
3615 |                 : _c("select-filter", {
3616 |                     attrs: { slot: "select", filter: filter },
3617 |                     on: {
3618 |                       change: function($event) {
3619 |                         _vm.filterChanged(filter)
3620 |                       }
3621 |                     },
3622 |                     slot: "select",
3623 |                     model: {
3624 |                       value: filter.currentValue,
3625 |                       callback: function($$v) {
3626 |                         _vm.$set(filter, "currentValue", $$v)
3627 |                       },
3628 |                       expression: "filter.currentValue"
3629 |                     }
3630 |                   })
3631 |             ],
3632 |             1
3633 |           )
3634 |         ],
3635 |         2
3636 |       )
3637 |     })
3638 |   )
3639 | }
3640 | var staticRenderFns = []
3641 | render._withStripped = true
3642 | module.exports = { render: render, staticRenderFns: staticRenderFns }
3643 | if (false) {
3644 |   module.hot.accept()
3645 |   if (module.hot.data) {
3646 |     require("vue-hot-reload-api")      .rerender("data-v-754a0322", module.exports)
3647 |   }
3648 | }
3649 | 
3650 | /***/ }),
3651 | /* 19 */
3652 | /***/ (function(module, exports, __webpack_require__) {
3653 | 
3654 | var disposed = false
3655 | var normalizeComponent = __webpack_require__(0)
3656 | /* script */
3657 | var __vue_script__ = __webpack_require__(20)
3658 | /* template */
3659 | var __vue_template__ = __webpack_require__(21)
3660 | /* template functional */
3661 | var __vue_template_functional__ = false
3662 | /* styles */
3663 | var __vue_styles__ = null
3664 | /* scopeId */
3665 | var __vue_scopeId__ = null
3666 | /* moduleIdentifier (server only) */
3667 | var __vue_module_identifier__ = null
3668 | var Component = normalizeComponent(
3669 |   __vue_script__,
3670 |   __vue_template__,
3671 |   __vue_template_functional__,
3672 |   __vue_styles__,
3673 |   __vue_scopeId__,
3674 |   __vue_module_identifier__
3675 | )
3676 | Component.options.__file = "resources/js/components/SelectFilter.vue"
3677 | 
3678 | /* hot reload */
3679 | if (false) {(function () {
3680 |   var hotAPI = require("vue-hot-reload-api")
3681 |   hotAPI.install(require("vue"), false)
3682 |   if (!hotAPI.compatible) return
3683 |   module.hot.accept()
3684 |   if (!module.hot.data) {
3685 |     hotAPI.createRecord("data-v-21b9c97f", Component.options)
3686 |   } else {
3687 |     hotAPI.reload("data-v-21b9c97f", Component.options)
3688 |   }
3689 |   module.hot.dispose(function (data) {
3690 |     disposed = true
3691 |   })
3692 | })()}
3693 | 
3694 | module.exports = Component.exports
3695 | 
3696 | 
3697 | /***/ }),
3698 | /* 20 */
3699 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
3700 | 
3701 | "use strict";
3702 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
3703 | //
3704 | //
3705 | //
3706 | //
3707 | //
3708 | //
3709 | //
3710 | //
3711 | //
3712 | //
3713 | //
3714 | //
3715 | //
3716 | //
3717 | //
3718 | //
3719 | //
3720 | 
3721 | /* harmony default export */ __webpack_exports__["default"] = ({
3722 |   props: {
3723 |     filter: {
3724 |       type: Object,
3725 |       required: true
3726 |     },
3727 |     value: {
3728 |       type: [String, Number],
3729 |       required: true
3730 |     }
3731 |   },
3732 |   methods: {
3733 |     filterChanged: function filterChanged(event) {
3734 |       this.$emit('input', event.target.value);
3735 |       this.$emit('change');
3736 |     }
3737 |   }
3738 | });
3739 | 
3740 | /***/ }),
3741 | /* 21 */
3742 | /***/ (function(module, exports, __webpack_require__) {
3743 | 
3744 | var render = function() {
3745 |   var _vm = this
3746 |   var _h = _vm.$createElement
3747 |   var _c = _vm._self._c || _h
3748 |   return _c(
3749 |     "select",
3750 |     {
3751 |       staticClass: "block w-full form-control-sm form-select",
3752 |       attrs: { dusk: _vm.filter.name + "-filter-select" },
3753 |       domProps: { value: _vm.value },
3754 |       on: { change: _vm.filterChanged }
3755 |     },
3756 |     [
3757 |       _c("option", { attrs: { value: "", selected: "" } }, [_vm._v("—")]),
3758 |       _vm._v(" "),
3759 |       _vm._l(_vm.filter.options, function(option) {
3760 |         return _c(
3761 |           "option",
3762 |           { key: option.value, domProps: { value: option.value } },
3763 |           [_vm._v("\n        " + _vm._s(option.name) + "\n    ")]
3764 |         )
3765 |       })
3766 |     ],
3767 |     2
3768 |   )
3769 | }
3770 | var staticRenderFns = []
3771 | render._withStripped = true
3772 | module.exports = { render: render, staticRenderFns: staticRenderFns }
3773 | if (false) {
3774 |   module.hot.accept()
3775 |   if (module.hot.data) {
3776 |     require("vue-hot-reload-api")      .rerender("data-v-21b9c97f", module.exports)
3777 |   }
3778 | }
3779 | 
3780 | /***/ })
3781 | /******/ ]);


--------------------------------------------------------------------------------