date_picker 0.0.8 → 0.0.9

data/test/dummy/vendor/assets/components/flatpickr/dist/flatpickr.material_blue.min.css

@@ -0,0 +1 @@
+.flatpickr-input{cursor:pointer;z-index:1}.flatpickr-mobileInput{opacity:0;visibility:hidden;position:absolute;width:0;height:0;box-sizing:border-box;padding:0}.flatpickr-calendar{background:#fff;display:none;text-align:center;padding:0;font-size:14px;border-radius:3px;position:absolute;max-width:247px;min-width:200px}.flatpickr-calendar.open{opacity:1;z-index:99999;display:inline-block}.flatpickr-calendar.inline{display:table;max-width:288px;margin-top:2px;position:relative}.flatpickr-calendar.static{position:relative}.flatpickr-calendar.static.open{display:block}.flatpickr-calendar.hasWeeks{max-width:300px}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-month,.flatpickr-next-month i,.flatpickr-prev-month i{position:relative}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:rgba(72,72,72,.1)}.flatpickr-calendar.arrowTop:after{border-bottom-color:#42a5f5}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:rgba(72,72,72,.1)}.flatpickr-calendar.arrowBottom:after{border-top-color:#42a5f5}.flatpickr-month{border-radius:3px 3px 0 0;background:#42a5f5;color:#fff;fill:#fff;padding:4px 0 0;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{text-decoration:none;cursor:pointer}.flatpickr-next-month svg,.flatpickr-prev-month svg{width:14px;position:absolute;top:9px}.flatpickr-next-month svg path,.flatpickr-prev-month svg path{fill:inherit}.flatpickr-next-month svg:hover,.flatpickr-prev-month svg:hover{fill:#bbb}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{color:#bbb}.flatpickr-prev-month svg{left:5px}.flatpickr-next-month svg{right:5px}.flatpickr-current-month{font-size:135%;font-weight:300;color:inherit;position:relative;display:inline-block}.flatpickr-current-month .cur-month{font-weight:700;color:inherit}.flatpickr-current-month .cur-year{background:0 0;box-sizing:border-box;color:inherit;cursor:default;padding:0;margin:0;width:3.2em;display:inline;font-size:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial}.flatpickr-current-month .cur-year:hover{background:rgba(0,0,0,.05)}.flatpickr-weekdays{background:#42a5f5;text-align:center;overflow:hidden}.flatpickr-days{padding-top:1px;outline:0;text-align:left;border:1px solid rgba(72,72,72,.1);border-top:0;border-bottom:0;border-radius:0 0 3px 3px}.flatpickr-day{background:0 0;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#484848;cursor:pointer;display:inline-block;position:relative;font-weight:300;width:35px;height:35px;line-height:35px;margin:0;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day:focus,.flatpickr-day:hover{cursor:pointer;outline:0;background:#e2e2e2;border-color:#e2e2e2}.flatpickr-day.today{border-color:#bbb}.flatpickr-day.today:focus,.flatpickr-day.today:hover{border-color:#bbb;background:#bbb;color:#fff}.flatpickr-day.selected,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover{background:#42a5f5;color:#fff;border-color:#42a5f5}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.prevMonthDay{color:rgba(72,72,72,.3);background:0 0;border-color:transparent;cursor:default}span.flatpickr-weekday{cursor:default;font-size:90%;color:rgba(0,0,0,.54);height:24px;line-height:24px;margin:0;background:#42a5f5;text-align:center;display:block;float:left;width:14.28%;font-weight:700}.flatpickr-weekwrapper{display:inline-block;float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 .25rem;border-left:1px solid rgba(72,72,72,.1);border-bottom:1px solid rgba(72,72,72,.1);border-right:1px solid rgba(72,72,72,.1)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%}.flatpickr-weekwrapper span.flatpickr-day{display:block;width:100%}.flatpickr-rContainer{display:inline-block;max-width:247px;border-bottom:1px solid rgba(72,72,72,.1)}.flatpickr-time{overflow:auto;text-align:center;border-top:0;outline:0;display:block;display:flex}.flatpickr-am-pm,.flatpickr-time input,.flatpickr-time-separator{height:38px;display:inline-block;line-height:38px;color:#484848}.flatpickr-time input{-moz-appearance:textfield;background:0 0;box-shadow:none;border:0;border-radius:0;flex:1;width:33%;min-width:33%;text-align:center;margin:0;padding:0;cursor:pointer;font-weight:700}.flatpickr-time input.flatpickr-minute{width:26%;font-weight:300}.flatpickr-time input.flatpickr-second{font-weight:300}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time input:focus,.flatpickr-time input:hover{-moz-appearance:number-input;background:#ececec}.flatpickr-time.has-seconds input[type=number]{width:25%;min-width:25%}.hasTime .flatpickr-days,.hasWeeks .flatpickr-days{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.hasWeeks .flatpickr-days{border-left:0}.flatpickr-rContainer+.flatpickr-time{border:1px solid rgba(72,72,72,.1)}.flatpickr-am-pm{outline:0;width:21%;padding:0 2%;cursor:pointer;text-align:left;font-weight:300}.flatpickr-am-pm:focus,.flatpickr-am-pm:hover{background:#ececec}@media all and (-ms-high-contrast:none){.flatpickr-month{padding:0}}

data/test/dummy/vendor/assets/components/flatpickr/dist/flatpickr.material_green.min.css

@@ -0,0 +1 @@
+.flatpickr-input{cursor:pointer;z-index:1}.flatpickr-mobileInput{opacity:0;visibility:hidden;position:absolute;width:0;height:0;box-sizing:border-box;padding:0}.flatpickr-calendar{background:#fff;display:none;text-align:center;padding:0;font-size:14px;border-radius:3px;position:absolute;max-width:247px;min-width:200px}.flatpickr-calendar.open{opacity:1;z-index:99999;display:inline-block}.flatpickr-calendar.inline{display:table;max-width:288px;margin-top:2px;position:relative}.flatpickr-calendar.static{position:relative}.flatpickr-calendar.static.open{display:block}.flatpickr-calendar.hasWeeks{max-width:300px}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-month,.flatpickr-next-month i,.flatpickr-prev-month i{position:relative}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:rgba(72,72,72,.1)}.flatpickr-calendar.arrowTop:after{border-bottom-color:#1bbc9b}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:rgba(72,72,72,.1)}.flatpickr-calendar.arrowBottom:after{border-top-color:#1bbc9b}.flatpickr-month{border-radius:3px 3px 0 0;background:#1bbc9b;color:#fff;fill:#fff;padding:4px 0 0;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{text-decoration:none;cursor:pointer}.flatpickr-next-month svg,.flatpickr-prev-month svg{width:14px;position:absolute;top:9px}.flatpickr-next-month svg path,.flatpickr-prev-month svg path{fill:inherit}.flatpickr-next-month svg:hover,.flatpickr-prev-month svg:hover{fill:#bbb}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{color:#bbb}.flatpickr-prev-month svg{left:5px}.flatpickr-next-month svg{right:5px}.flatpickr-current-month{font-size:135%;font-weight:300;color:inherit;position:relative;display:inline-block}.flatpickr-current-month .cur-month{font-weight:700;color:inherit}.flatpickr-current-month .cur-year{background:0 0;box-sizing:border-box;color:inherit;cursor:default;padding:0;margin:0;width:3.2em;display:inline;font-size:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial}.flatpickr-current-month .cur-year:hover{background:rgba(0,0,0,.05)}.flatpickr-weekdays{background:#1bbc9b;text-align:center;overflow:hidden}.flatpickr-days{padding-top:1px;outline:0;text-align:left;border:1px solid rgba(72,72,72,.1);border-top:0;border-bottom:0;border-radius:0 0 3px 3px}.flatpickr-day{background:0 0;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#484848;cursor:pointer;display:inline-block;position:relative;font-weight:300;width:35px;height:35px;line-height:35px;margin:0;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day:focus,.flatpickr-day:hover{cursor:pointer;outline:0;background:#e2e2e2;border-color:#e2e2e2}.flatpickr-day.today{border-color:#bbb}.flatpickr-day.today:focus,.flatpickr-day.today:hover{border-color:#bbb;background:#bbb;color:#fff}.flatpickr-day.selected,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover{background:#1bbc9b;color:#fff;border-color:#1bbc9b}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.prevMonthDay{color:rgba(72,72,72,.3);background:0 0;border-color:transparent;cursor:default}span.flatpickr-weekday{cursor:default;font-size:90%;color:rgba(0,0,0,.54);height:24px;line-height:24px;margin:0;background:#1bbc9b;text-align:center;display:block;float:left;width:14.28%;font-weight:700}.flatpickr-weekwrapper{display:inline-block;float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 .25rem;border-left:1px solid rgba(72,72,72,.1);border-bottom:1px solid rgba(72,72,72,.1);border-right:1px solid rgba(72,72,72,.1)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%}.flatpickr-weekwrapper span.flatpickr-day{display:block;width:100%}.flatpickr-rContainer{display:inline-block;max-width:247px;border-bottom:1px solid rgba(72,72,72,.1)}.flatpickr-time{overflow:auto;text-align:center;border-top:0;outline:0;display:block;display:flex}.flatpickr-am-pm,.flatpickr-time input,.flatpickr-time-separator{height:38px;display:inline-block;line-height:38px;color:#484848}.flatpickr-time input{-moz-appearance:textfield;background:0 0;box-shadow:none;border:0;border-radius:0;flex:1;width:33%;min-width:33%;text-align:center;margin:0;padding:0;cursor:pointer;font-weight:700}.flatpickr-time input.flatpickr-minute{width:26%;font-weight:300}.flatpickr-time input.flatpickr-second{font-weight:300}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time input:focus,.flatpickr-time input:hover{-moz-appearance:number-input;background:#ececec}.flatpickr-time.has-seconds input[type=number]{width:25%;min-width:25%}.hasTime .flatpickr-days,.hasWeeks .flatpickr-days{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.hasWeeks .flatpickr-days{border-left:0}.flatpickr-rContainer+.flatpickr-time{border:1px solid rgba(72,72,72,.1)}.flatpickr-am-pm{outline:0;width:21%;padding:0 2%;cursor:pointer;text-align:left;font-weight:300}.flatpickr-am-pm:focus,.flatpickr-am-pm:hover{background:#ececec}@media all and (-ms-high-contrast:none){.flatpickr-month{padding:0}}

data/test/dummy/vendor/assets/components/flatpickr/dist/flatpickr.material_orange.min.css

@@ -0,0 +1 @@
+.flatpickr-input{cursor:pointer;z-index:1}.flatpickr-mobileInput{opacity:0;visibility:hidden;position:absolute;width:0;height:0;box-sizing:border-box;padding:0}.flatpickr-calendar{background:#fff;display:none;text-align:center;padding:0;font-size:14px;border-radius:3px;position:absolute;max-width:247px;min-width:200px}.flatpickr-calendar.open{opacity:1;z-index:99999;display:inline-block}.flatpickr-calendar.inline{display:table;max-width:288px;margin-top:2px;position:relative}.flatpickr-calendar.static{position:relative}.flatpickr-calendar.static.open{display:block}.flatpickr-calendar.hasWeeks{max-width:300px}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-month,.flatpickr-next-month i,.flatpickr-prev-month i{position:relative}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:rgba(255,138,101,.2)}.flatpickr-calendar.arrowTop:after{border-bottom-color:#ff8a65}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:rgba(255,138,101,.2)}.flatpickr-calendar.arrowBottom:after{border-top-color:#ff8a65}.flatpickr-month{border-radius:3px 3px 0 0;background:#ff8a65;color:#fff;fill:#fff;padding:4px 0 0;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{text-decoration:none;cursor:pointer}.flatpickr-next-month svg,.flatpickr-prev-month svg{width:14px;position:absolute;top:9px}.flatpickr-next-month svg path,.flatpickr-prev-month svg path{fill:inherit}.flatpickr-next-month svg:hover,.flatpickr-prev-month svg:hover{fill:#bbb}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{color:#bbb}.flatpickr-prev-month svg{left:5px}.flatpickr-next-month svg{right:5px}.flatpickr-current-month{font-size:135%;font-weight:300;color:inherit;position:relative;display:inline-block}.flatpickr-current-month .cur-month{font-weight:700;color:inherit}.flatpickr-current-month .cur-year{background:0 0;box-sizing:border-box;color:inherit;cursor:default;padding:0;margin:0;width:3.2em;display:inline;font-size:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial}.flatpickr-current-month .cur-year:hover{background:rgba(0,0,0,.05)}.flatpickr-weekdays{background:#ff8a65;text-align:center;overflow:hidden}.flatpickr-days{padding-top:1px;outline:0;text-align:left;border:1px solid rgba(255,138,101,.2);border-top:0;border-bottom:0;border-radius:0 0 3px 3px}.flatpickr-day{background:0 0;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#484848;cursor:pointer;display:inline-block;position:relative;font-weight:300;width:35px;height:35px;line-height:35px;margin:0;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day:focus,.flatpickr-day:hover{cursor:pointer;outline:0;background:#e2e2e2;border-color:#e2e2e2}.flatpickr-day.today{border-color:#bbb}.flatpickr-day.today:focus,.flatpickr-day.today:hover{border-color:#bbb;background:#bbb;color:#fff}.flatpickr-day.selected,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover{background:#ff8a65;color:#fff;border-color:#ff8a65}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.prevMonthDay{color:rgba(72,72,72,.3);background:0 0;border-color:transparent;cursor:default}span.flatpickr-weekday{cursor:default;font-size:90%;color:rgba(0,0,0,.54);height:24px;line-height:24px;margin:0;background:#ff8a65;text-align:center;display:block;float:left;width:14.28%;font-weight:700}.flatpickr-weekwrapper{display:inline-block;float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 .25rem;border-left:1px solid rgba(255,138,101,.2);border-bottom:1px solid rgba(255,138,101,.2);border-right:1px solid rgba(255,138,101,.2)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%}.flatpickr-weekwrapper span.flatpickr-day{display:block;width:100%}.flatpickr-rContainer{display:inline-block;max-width:247px;border-bottom:1px solid rgba(255,138,101,.2)}.flatpickr-time{overflow:auto;text-align:center;border-top:0;outline:0;display:block;display:flex}.flatpickr-am-pm,.flatpickr-time input,.flatpickr-time-separator{height:38px;display:inline-block;line-height:38px;color:#484848}.flatpickr-time input{-moz-appearance:textfield;background:0 0;box-shadow:none;border:0;border-radius:0;flex:1;width:33%;min-width:33%;text-align:center;margin:0;padding:0;cursor:pointer;font-weight:700}.flatpickr-time input.flatpickr-minute{width:26%;font-weight:300}.flatpickr-time input.flatpickr-second{font-weight:300}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time input:focus,.flatpickr-time input:hover{-moz-appearance:number-input;background:#ececec}.flatpickr-time.has-seconds input[type=number]{width:25%;min-width:25%}.hasTime .flatpickr-days,.hasWeeks .flatpickr-days{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.hasWeeks .flatpickr-days{border-left:0}.flatpickr-rContainer+.flatpickr-time{border:1px solid rgba(255,138,101,.2)}.flatpickr-am-pm{outline:0;width:21%;padding:0 2%;cursor:pointer;text-align:left;font-weight:300}.flatpickr-am-pm:focus,.flatpickr-am-pm:hover{background:#ececec}@media all and (-ms-high-contrast:none){.flatpickr-month{padding:0}}

data/test/dummy/vendor/assets/components/flatpickr/dist/flatpickr.material_red.min.css

@@ -0,0 +1 @@
+.flatpickr-input{cursor:pointer;z-index:1}.flatpickr-mobileInput{opacity:0;visibility:hidden;position:absolute;width:0;height:0;box-sizing:border-box;padding:0}.flatpickr-calendar{background:#fff;display:none;text-align:center;padding:0;font-size:14px;border-radius:3px;position:absolute;max-width:247px;min-width:200px}.flatpickr-calendar.open{opacity:1;z-index:99999;display:inline-block}.flatpickr-calendar.inline{display:table;max-width:288px;margin-top:2px;position:relative}.flatpickr-calendar.static{position:relative}.flatpickr-calendar.static.open{display:block}.flatpickr-calendar.hasWeeks{max-width:300px}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-month,.flatpickr-next-month i,.flatpickr-prev-month i{position:relative}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:rgba(239,83,80,.2)}.flatpickr-calendar.arrowTop:after{border-bottom-color:#ef5350}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:rgba(239,83,80,.2)}.flatpickr-calendar.arrowBottom:after{border-top-color:#ef5350}.flatpickr-month{border-radius:3px 3px 0 0;background:#ef5350;color:#fff;fill:#fff;padding:4px 0 0;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{text-decoration:none;cursor:pointer}.flatpickr-next-month svg,.flatpickr-prev-month svg{width:14px;position:absolute;top:9px}.flatpickr-next-month svg path,.flatpickr-prev-month svg path{fill:inherit}.flatpickr-next-month svg:hover,.flatpickr-prev-month svg:hover{fill:#bbb}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{color:#bbb}.flatpickr-prev-month svg{left:5px}.flatpickr-next-month svg{right:5px}.flatpickr-current-month{font-size:135%;font-weight:300;color:inherit;position:relative;display:inline-block}.flatpickr-current-month .cur-month{font-weight:700;color:inherit}.flatpickr-current-month .cur-year{background:0 0;box-sizing:border-box;color:inherit;cursor:default;padding:0;margin:0;width:3.2em;display:inline;font-size:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial}.flatpickr-current-month .cur-year:hover{background:rgba(0,0,0,.05)}.flatpickr-weekdays{background:#ef5350;text-align:center;overflow:hidden}.flatpickr-days{padding-top:1px;outline:0;text-align:left;border:1px solid rgba(239,83,80,.2);border-top:0;border-bottom:0;border-radius:0 0 3px 3px}.flatpickr-day{background:0 0;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#484848;cursor:pointer;display:inline-block;position:relative;font-weight:300;width:35px;height:35px;line-height:35px;margin:0;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day:focus,.flatpickr-day:hover{cursor:pointer;outline:0;background:#e2e2e2;border-color:#e2e2e2}.flatpickr-day.today{border-color:#bbb}.flatpickr-day.today:focus,.flatpickr-day.today:hover{border-color:#bbb;background:#bbb;color:#fff}.flatpickr-day.selected,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover{background:#ef5350;color:#fff;border-color:#ef5350}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.prevMonthDay{color:rgba(72,72,72,.3);background:0 0;border-color:transparent;cursor:default}span.flatpickr-weekday{cursor:default;font-size:90%;color:rgba(0,0,0,.54);height:24px;line-height:24px;margin:0;background:#ef5350;text-align:center;display:block;float:left;width:14.28%;font-weight:700}.flatpickr-weekwrapper{display:inline-block;float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 .25rem;border-left:1px solid rgba(239,83,80,.2);border-bottom:1px solid rgba(239,83,80,.2);border-right:1px solid rgba(239,83,80,.2)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%}.flatpickr-weekwrapper span.flatpickr-day{display:block;width:100%}.flatpickr-rContainer{display:inline-block;max-width:247px;border-bottom:1px solid rgba(239,83,80,.2)}.flatpickr-time{overflow:auto;text-align:center;border-top:0;outline:0;display:block;display:flex}.flatpickr-am-pm,.flatpickr-time input,.flatpickr-time-separator{height:38px;display:inline-block;line-height:38px;color:#484848}.flatpickr-time input{-moz-appearance:textfield;background:0 0;box-shadow:none;border:0;border-radius:0;flex:1;width:33%;min-width:33%;text-align:center;margin:0;padding:0;cursor:pointer;font-weight:700}.flatpickr-time input.flatpickr-minute{width:26%;font-weight:300}.flatpickr-time input.flatpickr-second{font-weight:300}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time input:focus,.flatpickr-time input:hover{-moz-appearance:number-input;background:#ececec}.flatpickr-time.has-seconds input[type=number]{width:25%;min-width:25%}.hasTime .flatpickr-days,.hasWeeks .flatpickr-days{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.hasWeeks .flatpickr-days{border-left:0}.flatpickr-rContainer+.flatpickr-time{border:1px solid rgba(239,83,80,.2)}.flatpickr-am-pm{outline:0;width:21%;padding:0 2%;cursor:pointer;text-align:left;font-weight:300}.flatpickr-am-pm:focus,.flatpickr-am-pm:hover{background:#ececec}@media all and (-ms-high-contrast:none){.flatpickr-month{padding:0}}

data/test/dummy/vendor/assets/components/flatpickr/dist/flatpickr.min.css

@@ -0,0 +1 @@
+.flatpickr-input{cursor:pointer;z-index:1}.flatpickr-mobileInput{opacity:0;visibility:hidden;position:absolute;width:0;height:0;box-sizing:border-box;padding:0}.flatpickr-calendar{background:#fff;display:none;text-align:center;padding:0;border:1px solid #e6e6e6;font-size:14px;border-radius:3px;position:absolute;max-width:247px;min-width:200px}.flatpickr-calendar.open{opacity:1;z-index:99999;display:inline-block}.flatpickr-calendar.inline{display:table;max-width:288px;margin-top:2px;position:relative}.flatpickr-calendar.static{position:relative}.flatpickr-calendar.static.open{display:block}.flatpickr-calendar.hasWeeks{max-width:300px}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-month,.flatpickr-next-month i,.flatpickr-prev-month i{position:relative}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-month{background:0 0;color:rgba(0,0,0,.9);fill:rgba(0,0,0,.9);padding:4px 0 0;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{text-decoration:none;cursor:pointer}.flatpickr-next-month svg,.flatpickr-prev-month svg{width:14px;position:absolute;top:9px}.flatpickr-next-month svg path,.flatpickr-prev-month svg path{fill:inherit}.flatpickr-next-month svg:hover,.flatpickr-prev-month svg:hover{fill:#f99595}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{color:#f99595}.flatpickr-prev-month svg{left:5px}.flatpickr-next-month svg{right:5px}.flatpickr-current-month{font-size:135%;font-weight:300;color:inherit;position:relative;display:inline-block}.flatpickr-current-month .cur-month{font-weight:700;color:inherit}.flatpickr-current-month .cur-year{background:0 0;box-sizing:border-box;color:inherit;cursor:default;padding:0;margin:0;width:3.2em;display:inline;font-size:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial}.flatpickr-current-month .cur-year:hover{background:rgba(0,0,0,.05)}.flatpickr-weekdays{background:0 0;text-align:center;overflow:hidden}.flatpickr-days{padding-top:1px;outline:0;text-align:left}.flatpickr-day{background:0 0;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;display:inline-block;position:relative;font-weight:300;width:35px;height:35px;line-height:35px;margin:0;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day:focus,.flatpickr-day:hover{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#f99595}.flatpickr-day.today:focus,.flatpickr-day.today:hover{border-color:#f99595;background:#f99595;color:#fff}.flatpickr-day.selected,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover{background:#446cb3;color:#fff;border-color:#446cb3}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.prevMonthDay{color:rgba(57,57,57,.3);background:0 0;border-color:transparent;cursor:default}span.flatpickr-weekday{cursor:default;font-size:90%;color:rgba(0,0,0,.54);height:24px;line-height:24px;margin:0;background:0 0;text-align:center;display:block;float:left;width:14.28%;font-weight:700}.flatpickr-weekwrapper{display:inline-block;float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 .25rem;border-right:1px solid #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%}.flatpickr-weekwrapper span.flatpickr-day{display:block;width:100%}.flatpickr-rContainer{display:inline-block;max-width:247px}.flatpickr-time{overflow:auto;text-align:center;border-top:0;outline:0;display:block;display:flex}.flatpickr-am-pm,.flatpickr-time input,.flatpickr-time-separator{height:38px;display:inline-block;line-height:38px;color:#393939}.flatpickr-time input{-moz-appearance:textfield;background:0 0;box-shadow:none;border:0;border-radius:0;flex:1;width:33%;min-width:33%;text-align:center;margin:0;padding:0;cursor:pointer;font-weight:700}.flatpickr-time input.flatpickr-minute{width:26%;font-weight:300}.flatpickr-time input.flatpickr-second{font-weight:300}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time input:focus,.flatpickr-time input:hover{-moz-appearance:number-input;background:#f0f0f0}.flatpickr-time.has-seconds input[type=number]{width:25%;min-width:25%}.hasTime .flatpickr-days,.hasWeeks .flatpickr-days{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.hasWeeks .flatpickr-days{border-left:0}.flatpickr-rContainer+.flatpickr-time{border-top:1px solid #e6e6e6}.flatpickr-am-pm{outline:0;width:21%;padding:0 2%;cursor:pointer;text-align:left;font-weight:300}.flatpickr-am-pm:focus,.flatpickr-am-pm:hover{background:#f0f0f0}@media all and (-ms-high-contrast:none){.flatpickr-month{padding:0}}

data/test/dummy/vendor/assets/components/flatpickr/dist/flatpickr.min.js

@@ -0,0 +1,2 @@
+/*! flatpickr v2.0, @license MIT */
+function Flatpickr(e,t){function n(){Q.element=e,Q.instanceConfig=t||{},N(),E(),O(),S(),H(),Q.isOpen=Q.config.inline,Q.changeMonth=f,Q.clear=p,Q.close=g,Q.destroy=m,Q.formatDate=v,Q.jumpToDate=r,Q.open=C,Q.parseDate=I,Q.redraw=L,Q.set=T,Q.setDate=Y,Q.toggle=_,Q.isMobile=!Q.config.disableMobile&&"single"===Q.config.mode&&!Q.config.disable.length&&!Q.config.enable.length&&/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),Q.isMobile||o(),i(),Q.selectedDates.length&&B(),Q.config.noCalendar&&!Q.selectedDates.length&&(Q.selectedDates=[Q.now]),P("Ready")}function a(e){V(e),B()}function i(){return Q.config.wrap&&["open","close","toggle","clear"].forEach(function(e){try{Q.element.querySelector("[data-"+e+"]").addEventListener("click",Q[e])}catch(e){}}),"undefined"!=typeof Event?Q.changeEvent=new Event("change",{bubbles:!0}):(Q.changeEvent=document.createEvent("HTMLEvents"),Q.changeEvent.initEvent("change",!0,!1)),Q.isMobile?A():(Q.debouncedResize=K(M,100),Q.triggerChange=function(){return P("Change")},Q.debouncedChange=K(Q.triggerChange,1e3),"range"===Q.config.mode&&Q.days.addEventListener("mouseover",k),document.addEventListener("keydown",b),window.addEventListener("resize",Q.debouncedResize),document.addEventListener("click",h),document.addEventListener("blur",h),Q.config.clickOpens&&(Q.altInput||Q.input).addEventListener("focus",C),Q.config.noCalendar||(Q.prevMonthNav.addEventListener("click",function(){return f(-1)}),Q.nextMonthNav.addEventListener("click",function(){return f(1)}),Q.currentYearElement.addEventListener("wheel",z),Q.currentYearElement.addEventListener("focus",function(){Q.currentYearElement.select()}),Q.currentYearElement.addEventListener("input",function(e){4===e.target.value.length&&Q.currentYearElement.blur(),Q.currentYear=parseInt(e.target.value,10)||Q.currentYear,Q.redraw()}),Q.days.addEventListener("click",F)),void(Q.config.enableTime&&(Q.timeContainer.addEventListener("wheel",a),Q.timeContainer.addEventListener("input",a),Q.timeContainer.addEventListener("wheel",Q.debouncedChange),Q.timeContainer.addEventListener("input",Q.triggerChange),Q.hourElement.addEventListener("focus",function(){Q.hourElement.select()}),Q.minuteElement.addEventListener("focus",function(){Q.minuteElement.select()}),Q.secondElement&&Q.secondElement.addEventListener("focus",function(){Q.secondElement.select()}),Q.amPM&&Q.amPM.addEventListener("click",a))))}function r(e){e=e?I(e):j()||Q.config.defaultDate||Q.config.minDate||Q.now;try{Q.currentYear=e.getFullYear(),Q.currentMonth=e.getMonth(),Q.redraw()}catch(t){console.warn("Invalid date supplied: "+e)}}function o(){var e=document.createDocumentFragment();Q.calendarContainer=J("div","flatpickr-calendar"),Q.numInputType=navigator.userAgent.indexOf("MSIE 9.0")>0?"text":"number",Q.config.noCalendar||(e.appendChild(c()),Q.config.weekNumbers&&e.appendChild(d()),Q.rContainer=J("div","flatpickr-rContainer"),Q.rContainer.appendChild(u()),Q.rContainer.appendChild(l()),e.appendChild(Q.rContainer)),Q.config.enableTime&&e.appendChild(s()),Q.calendarContainer.appendChild(e),Q.config.inline||Q.config.static?(Q.calendarContainer.classList.add(Q.config.inline?"inline":"static"),x(),Q.element.parentNode.insertBefore(Q.calendarContainer,(Q.altInput||Q.input).nextSibling)):document.body.appendChild(Q.calendarContainer)}function l(){Q.days||(Q.days=J("div","flatpickr-days"),Q.days.tabIndex=-1),Q.disabledMonthIndexes=[],Q.firstOfMonth=(new Date(Q.currentYear,Q.currentMonth,1).getDay()-Flatpickr.l10n.firstDayOfWeek+7)%7,Q.prevMonthDays=Q.utils.getDaysinMonth((Q.currentMonth-1+12)%12);var e=Q.utils.getDaysinMonth(),t=document.createDocumentFragment(),n=Q.prevMonthDays+1-Q.firstOfMonth,a=void 0,i=void 0;Q.config.weekNumbers&&(Q.weekNumbers.innerHTML=""),Q.days.innerHTML="";for(var r=0;n<=Q.prevMonthDays;r++,n++){var o=new Date(Q.currentYear,Q.currentMonth-1,n,0,0,0,0,0),l=D(o),c=J("span","flatpickr-day prevMonthDay"+" disabled".repeat(!l)+" inRange".repeat(W(o))+" selected".repeat(U(o)!==!1),n);l?c.tabIndex=0:Q.disabledMonthIndexes.push(r),P("DayCreate",c),t.appendChild(c)}for(n=1;n<=e;n++){a=new Date(Q.currentYear,Q.currentMonth,n,0,0,0,0,0),Q.config.weekNumbers&&n%7===1&&Q.weekNumbers.insertAdjacentHTML("beforeend","<span class='disabled flatpickr-day'>"+Q.getWeek(a)+"</span>"),i=!D(a);var s=J("span",i?"flatpickr-day disabled":"flatpickr-day"+" inRange".repeat(W(a)),n);i?Q.disabledMonthIndexes.push(n+Q.firstOfMonth-1):(s.tabIndex=0,q(a,Q.now)&&s.classList.add("today"),U(a)&&(s.classList.add("selected"),Q.selectedDateElem=s,"range"===Q.config.mode&&(s.className+=q(a,Q.selectedDates[0])?" startRange":Q.selectedDates.length>1?" endRange":""))),P("DayCreate",s),t.appendChild(s)}for(var u=e+1;u<=42-Q.firstOfMonth;u++){var d=new Date(Q.currentYear,Q.currentMonth+1,u%e,0,0,0,0,0),f=D(d),p=J("span","flatpickr-day nextMonthDay"+" disabled".repeat(!f)+" inRange".repeat(W(d))+" selected".repeat(U(d)!==!1),u%e);Q.config.weekNumbers&&u%7===1&&Q.weekNumbers.insertAdjacentHTML("beforeend","<span class='disabled flatpickr-day'>"+Q.getWeek(d)+"</span>"),f?p.tabIndex=0:Q.disabledMonthIndexes.push(u+Q.firstOfMonth),P("DayCreate",p),t.appendChild(p)}return Q.days.appendChild(t),Q.days}function c(){var e=document.createDocumentFragment();return Q.monthNav=J("div","flatpickr-month"),Q.prevMonthNav=J("span","flatpickr-prev-month"),Q.prevMonthNav.innerHTML=Q.config.prevArrow,Q.currentMonthElement=J("span","cur-month"),Q.currentYearElement=J("input","cur-year"),Q.currentYearElement.type=Q.numInputType,Q.currentYearElement.title=Flatpickr.l10n.scrollTitle,Q.config.minDate&&(Q.currentYearElement.min=Q.config.minDate.getFullYear()),Q.config.maxDate&&(Q.currentYearElement.max=Q.config.maxDate.getFullYear()),Q.nextMonthNav=J("span","flatpickr-next-month"),Q.nextMonthNav.innerHTML=Q.config.nextArrow,Q.navigationCurrentMonth=J("span","flatpickr-current-month"),Q.navigationCurrentMonth.appendChild(Q.currentMonthElement),Q.navigationCurrentMonth.appendChild(Q.currentYearElement),e.appendChild(Q.prevMonthNav),e.appendChild(Q.navigationCurrentMonth),e.appendChild(Q.nextMonthNav),Q.monthNav.appendChild(e),R(),Q.monthNav}function s(){Q.calendarContainer.classList.add("hasTime"),Q.timeContainer=J("div","flatpickr-time"),Q.timeContainer.tabIndex=-1;var e=J("span","flatpickr-time-separator",":");return Q.hourElement=J("input","flatpickr-hour"),Q.minuteElement=J("input","flatpickr-minute"),Q.hourElement.tabIndex=Q.minuteElement.tabIndex=0,Q.hourElement.type=Q.minuteElement.type=Q.numInputType,Q.hourElement.value=w(j()?j().getHours():Q.config.defaultHour),Q.minuteElement.value=w(j()?j().getMinutes():Q.config.defaultMinute),Q.hourElement.step=Q.config.hourIncrement,Q.minuteElement.step=Q.config.minuteIncrement,Q.hourElement.min=-(Q.config.time_24hr?1:0),Q.hourElement.max=Q.config.time_24hr?24:13,Q.minuteElement.min=-Q.minuteElement.step,Q.minuteElement.max=60,Q.hourElement.title=Q.minuteElement.title=Flatpickr.l10n.scrollTitle,Q.timeContainer.appendChild(Q.hourElement),Q.timeContainer.appendChild(e),Q.timeContainer.appendChild(Q.minuteElement),Q.config.enableSeconds&&(Q.timeContainer.classList.add("has-seconds"),Q.secondElement=J("input","flatpickr-second"),Q.secondElement.type=Q.numInputType,Q.secondElement.value=j()?w(j().getSeconds()):"00",Q.secondElement.step=Q.minuteElement.step,Q.secondElement.min=Q.minuteElement.min,Q.secondElement.max=Q.minuteElement.max,Q.timeContainer.appendChild(J("span","flatpickr-time-separator",":")),Q.timeContainer.appendChild(Q.secondElement)),Q.config.time_24hr||(Q.amPM=J("span","flatpickr-am-pm",["AM","PM"][Q.hourElement.value>11|0]),Q.amPM.title=Flatpickr.l10n.toggleTitle,Q.amPM.tabIndex=0,Q.timeContainer.appendChild(Q.amPM)),Q.timeContainer}function u(){Q.weekdayContainer||(Q.weekdayContainer=J("div","flatpickr-weekdays"));var e=Flatpickr.l10n.firstDayOfWeek,t=Flatpickr.l10n.weekdays.shorthand.slice();return e>0&&e<t.length&&(t=[].concat(t.splice(e,t.length),t.splice(0,e))),Q.weekdayContainer.innerHTML="\n\t\t<span class=flatpickr-weekday>\n\t\t\t"+t.join("</span><span class=flatpickr-weekday>")+"\n\t\t</span>\n\t\t",Q.weekdayContainer}function d(){return Q.calendarContainer.classList.add("hasWeeks"),Q.weekWrapper=J("div","flatpickr-weekwrapper"),Q.weekWrapper.appendChild(J("span","flatpickr-weekday",Flatpickr.l10n.weekAbbreviation)),Q.weekNumbers=J("div","flatpickr-weeks"),Q.weekWrapper.appendChild(Q.weekNumbers),Q.weekWrapper}function f(e){Q.currentMonth+=e,y(),R(),l(),Q.config.noCalendar||Q.days.focus()}function p(){Q.input.value="",Q.altInput&&(Q.altInput.value=""),Q.mobileInput&&(Q.mobileInput.value=""),Q.selectedDates=[],P("Change"),r(Q.now)}function g(){Q.isOpen=!1,Q.calendarContainer.classList.remove("open"),(Q.altInput||Q.input).classList.remove("active"),P("Close")}function m(){Q.calendarContainer.parentNode.removeChild(Q.calendarContainer),Q.clear(),Q.altInput&&(Q.input.type="text",Q.altInput.parentNode.removeChild(Q.altInput)),Q.input.classList.remove("flatpickr-input"),Q.input.removeEventListener("focus",C),Q.input.removeAttribute("readonly"),document.removeEventListener("keydown",b),window.removeEventListener("resize",Q.debouncedResize),document.removeEventListener("click",h),document.removeEventListener("blur",h),delete Q.input._flatpickr,delete Q.input}function h(e){var t=Q.calendarContainer.contains(e.target),n=Q.element.contains(e.target)||e.target===Q.altInput;!Q.isOpen||t||n||(Q.close(),"range"===Q.config.mode&&1===Q.selectedDates.length&&(Q.selectedDates=[],Q.redraw()))}function v(e,t){var n=e.split("");return n.map(function(e,a){return Q.formats[e]&&"\\"!==n[a-1]?Q.formats[e](t):"\\"!==e?e:""}).join("")}function y(){(Q.currentMonth<0||Q.currentMonth>11)&&(Q.currentYear+=Q.currentMonth%11,Q.currentMonth=(Q.currentMonth+12)%12)}function D(e){if(Q.config.minDate&&e<Q.config.minDate||Q.config.maxDate&&e>Q.config.maxDate)return!1;if(!Q.config.enable.length&&!Q.config.disable.length)return!0;e=I(e,!0);for(var t,n=Q.config.enable.length>0,a=n?Q.config.enable:Q.config.disable,i=0;i<a.length;i++){if(t=a[i],t instanceof Function&&t(e))return n;if((t instanceof Date||"string"==typeof t)&&I(t,!0).getTime()===e.getTime())return n;if("object"===("undefined"==typeof t?"undefined":_typeof(t))&&t.from&&t.to&&e>=I(t.from)&&e<=I(t.to))return n}return!n}function b(e){if(Q.isOpen)switch(e.which){case 13:Q.timeContainer&&Q.timeContainer.contains(e.target)?B():F(e);break;case 27:Q.close();break;case 37:e.target!==Q.input&e.target!==Q.altInput&&f(-1);break;case 38:e.preventDefault(),Q.timeContainer&&Q.timeContainer.contains(e.target)?a(e):(Q.currentYear++,Q.redraw());break;case 39:e.target!==Q.input&e.target!==Q.altInput&&f(1);break;case 40:e.preventDefault(),Q.timeContainer&&Q.timeContainer.contains(e.target)?a(e):(Q.currentYear--,Q.redraw())}}function k(e){if(1===Q.selectedDates.length&&e.target.classList.contains("flatpickr-day")&&!e.target.classList.contains("disabled")){var t=!n*(Q.firstOfMonth-1),n=e.target.classList.contains("prevMonthDay"),a=e.target.classList.contains("nextMonthDay"),i=Q.selectedDates[0].getDate(),r=t+i,o=null,l=parseInt(e.target.textContent,10)+Q.utils.getDaysinMonth()*a-Q.prevMonthDays*n,c=t+Math.min(l,i),s=t+Math.max(l,i);if(Q.disabledMonthIndexes.length)for(var u=0;u<Q.disabledMonthIndexes.length;u++)Q.disabledMonthIndexes[u]>o&&Q.disabledMonthIndexes[u]<r&&(o=Q.disabledMonthIndexes[u]);for(var d=0;d<Q.days.childNodes.length;d++)o&&d<o?Q.days.childNodes[d].classList.add("notAllowed"):(Q.days.childNodes[d].classList.remove("notAllowed"),Q.days.childNodes[d].classList[d<c||d>s?"remove":"add"]("inRange"))}}function M(){!Q.isOpen||Q.config.inline||Q.config.static||x()}function C(e){return Q.isMobile?(e.preventDefault(),e.target.blur(),setTimeout(function(){Q.mobileInput.click()},0),void P("Open")):void(Q.isOpen||(Q.altInput||Q.input).disabled||Q.config.inline||(Q.calendarContainer.classList.add("open"),Q.config.static||x(),Q.isOpen=!0,Q.config.allowInput||((Q.altInput||Q.input).blur(),(Q.config.noCalendar?Q.timeContainer:Q.selectedDateElem?Q.selectedDateElem:Q.days).focus()),(Q.altInput||Q.input).classList.add("active"),P("Open")))}function w(e){return("0"+e).slice(-2)}function E(){Q.config={};for(var e in Q.instanceConfig)Q.config[e]=Q.instanceConfig[e];for(var t in Q.element.dataset||{})Q.config[t]="boolean"==typeof Flatpickr.defaultConfig[t]?"false"!==Q.element.dataset[t]:Q.element.dataset[t];!Q.config.dateFormat&&Q.config.enableTime&&(Q.config.dateFormat=Q.config.noCalendar?"H:i"+(Q.config.enableSeconds?":S":""):Flatpickr.defaultConfig.dateFormat+" H:i"+(Q.config.enableSeconds?":S":"")),Q.config.altInput&&Q.config.enableTime&&!Q.config.altFormat&&(Q.config.altFormat=Q.config.noCalendar?"h:i"+(Q.config.enableSeconds?":S K":" K"):Flatpickr.defaultConfig.altFormat+(" h:i"+(Q.config.enableSeconds?":S":"")+" K"));for(var n in Flatpickr.defaultConfig)Q.config[n]="undefined"!=typeof Q.config[n]?Q.config[n]:Flatpickr.defaultConfig[n]}function I(e){var t=!(arguments.length<=1||void 0===arguments[1])&&arguments[1];if(!e)return null;var n=/(\d+)/g,a=/^(\d{1,2})[:\s](\d\d)?[:\s](\d\d)?\s?(a|p)?/i;if("string"==typeof e)if(e=e.trim(),"today"===e)e=new Date,t=!0;else if(Q.config.parseDate)e=Q.config.parseDate(e);else if(a.test(e)){var i=e.match(a),r=i[4]?i[1]%12+("p"===i[4].toLowerCase()?12:0):i[1];e=new Date,e.setHours(r,i[2]||0,i[3]||0)}else if(/Z$/.test(e)||/GMT$/.test(e))e=new Date(e);else if(n.test(e)&&/^[0-9]/.test(e)){var o=e.match(n);e=new Date(o[0]+"/"+(o[1]||1)+"/"+(o[2]||1)+" "+(o[3]||0)+":"+(o[4]||0)+":"+(o[5]||0))}else e=new Date(e);return e instanceof Date&&e.getTime()?(Q.config.utc&&!e.fp_isUTC&&(e=e.fp_toUTC()),t&&e.setHours(0,0,0,0),e):(console.warn("flatpickr: invalid date "+e),console.info(Q.element),null)}function x(){var e=Q.calendarContainer.offsetHeight,t=Q.altInput||Q.input,n=t.getBoundingClientRect(),a=window.innerHeight-n.bottom+t.offsetHeight,i=void 0,r=window.pageXOffset+n.left;a<e?(i=window.pageYOffset-e+n.top-2,Q.calendarContainer.classList.remove("arrowTop"),Q.calendarContainer.classList.add("arrowBottom")):(i=window.pageYOffset+t.offsetHeight+n.top+2,Q.calendarContainer.classList.remove("arrowBottom"),Q.calendarContainer.classList.add("arrowTop")),Q.config.inline||Q.config.static||(Q.calendarContainer.style.top=i+"px",Q.calendarContainer.style.left=r+"px")}function L(){Q.config.noCalendar||Q.isMobile||(u(),R(),l())}function F(e){if(e.preventDefault(),e.stopPropagation(),Q.config.allowInput&&13===e.which&&(e.target===Q.altInput||e.target===Q.input))return Q.setDate((Q.altInput||Q.input).value);if(e.target.classList.contains("flatpickr-day")&&!e.target.classList.contains("disabled")){var t=e.target.classList.contains("prevMonthDay"),n=e.target.classList.contains("nextMonthDay"),a=new Date(Q.currentYear,Q.currentMonth,e.target.textContent);if(Q.selectedDateElem=e.target,(t||n)&&f(+n-t),"single"===Q.config.mode)Q.selectedDates=[a],Q.config.enableTime||Q.close();else if("multiple"===Q.config.mode){var i=U(a);i?Q.selectedDates.splice(i,1):Q.selectedDates.push(a)}else"range"===Q.config.mode&&(2===Q.selectedDates.length&&Q.clear(),Q.selectedDates.push(a),Q.selectedDates.sort(function(e,t){return e.getTime()-t.getTime()}),1===Q.selectedDates.length&&k(e));B(),l(),P("Change")}}function T(e,t){var n="minDate"===e||"maxDate"===e||"defaultDate"===e;Q.config[e]=n?I(t):t,Q.redraw(),r()}function Y(e,t){if("single"===Q.config.mode){if(e=[I(e)],!e[0])return Q.clear()}else if(Array.isArray(e))for(var n=0;n<e.length;n++)if(e[n]=I(e[n]),!e[n])return Q.clear();Q.selectedDates=e,Q.redraw(),r(),B(!1),t&&P("Change")}function S(){Q.selectedDates=[],Q.now=new Date;var e=Q.config.defaultDate||Q.input.value;if(Array.isArray(e))Q.selectedDates=e.map(I);else if(e&&I(e))switch(Q.config.mode){case"single":Q.selectedDates=[I(e)];break;case"multiple":Q.selectedDates=e.split("; ").map(I);break;case"range":Q.selectedDates=e.split(" to ").map(I)}Q.config.minDate&&(Q.config.minDate=I(Q.config.minDate,!0)),Q.config.maxDate&&(Q.config.maxDate=I(Q.config.maxDate,!0));var t=Q.selectedDates.length?Q.selectedDates[0]:Q.config.defaultDate||Q.config.minDate||Q.now;Q.currentYear=t.getFullYear(),Q.currentMonth=t.getMonth()}function N(){Q.formats={D:function(e){return Flatpickr.l10n.weekdays.shorthand[Q.formats.w(e)]},F:function(e){return Q.utils.monthToStr(Q.formats.n(e)-1,!1)},H:function(e){return w(e.getHours())},J:function(e){return e.getDate()+Flatpickr.l10n.ordinal(e.getDate())},K:function(e){return e.getHours()>11?"PM":"AM"},M:function(e){return Q.utils.monthToStr(e.getMonth(),!0)},S:function(e){return w(e.getSeconds())},U:function(e){return e.getTime()/1e3},Y:function(e){return e.getFullYear()},d:function(e){return w(Q.formats.j(e))},h:function(e){return e.getHours()%12?e.getHours()%12:12},i:function(e){return w(e.getMinutes())},j:function(e){return e.getDate()},l:function(e){return Flatpickr.l10n.weekdays.longhand[Q.formats.w(e)]},m:function(e){return w(Q.formats.n(e))},n:function(e){return e.getMonth()+1},s:function(e){return e.getSeconds()},w:function(e){return e.getDay()},y:function(e){return String(Q.formats.Y(e)).substring(2)}}}function H(){Q.utils={getDaysinMonth:function(){var e=arguments.length<=0||void 0===arguments[0]?Q.currentMonth:arguments[0],t=arguments.length<=1||void 0===arguments[1]?Q.currentYear:arguments[1];return 1===e&&t%4===0&&t%100!==0||t%400===0?29:Flatpickr.l10n.daysInMonth[e]},monthToStr:function(e){var t=arguments.length<=1||void 0===arguments[1]?Q.config.shorthandCurrentMonth:arguments[1];return Flatpickr.l10n.months[(t?"short":"long")+"hand"][e]}}}function O(){Q.input=Q.config.wrap?Q.element.querySelector("[data-input]"):Q.element,Q.input.classList.add("flatpickr-input"),Q.config.altInput&&(Q.altInput=J(Q.input.nodeName,"flatpickr-input "+Q.config.altInputClass),Q.altInput.placeholder=Q.input.placeholder,Q.altInput.type="text",Q.input.type="hidden",Q.input.parentNode.insertBefore(Q.altInput,Q.input.nextSibling)),Q.config.allowInput||(Q.altInput||Q.input).setAttribute("readonly","readonly")}function A(){var e=Q.config.enableTime?Q.config.noCalendar?"time":"datetime-local":"date";Q.mobileInput=J("input","flatpickr-input flatpickr-mobile"),Q.mobileInput.step="any",Q.mobileInput.tabIndex=-1,Q.mobileInput.type=e,Q.mobileFormatStr="datetime-local"===e?"Y-m-d\\TH:i:S":"date"===e?"Y-m-d":"H:i:S",Q.selectedDates.length&&(Q.mobileInput.defaultValue=Q.mobileInput.value=v(Q.mobileFormatStr,Q.selectedDates[0])),Q.config.minDate&&(Q.mobileInput.min=v("Y-m-d",Q.config.minDate)),Q.config.maxDate&&(Q.mobileInput.max=v("Y-m-d",Q.config.maxDate)),Q.input.type="hidden",Q.config.altInput&&(Q.altInput.type="hidden");try{Q.input.parentNode.insertBefore(Q.mobileInput,Q.input.nextSibling)}catch(e){}Q.mobileInput.addEventListener("change",function(e){Q.setDate(e.target.value),P("Change"),P("Close")})}function _(){Q.isOpen?Q.close():Q.open()}function P(e,t){if(Q.config["on"+e])for(var n=Array.isArray(Q.config["on"+e])?Q.config["on"+e]:[Q.config["on"+e]],a=0;a<n.length;a++)n[a](Q.selectedDates,Q.input.value,Q,t);"Change"===e&&Q.input.dispatchEvent(Q.changeEvent)}function j(){return Q.selectedDates.length?Q.selectedDates[Q.selectedDates.length-1]:null}function U(e){if(Q.selectedDates.length)for(var t=0;t<Q.selectedDates.length;t++)if(q(Q.selectedDates[t],e))return""+t;return!1}function W(e){return!("range"!==Q.config.mode||Q.selectedDates.length<2)&&(e>Q.selectedDates[0]&&e<Q.selectedDates[1])}function R(){if(Q.currentMonthElement.textContent=Q.utils.monthToStr(Q.currentMonth)+" ",Q.currentYearElement.value=Q.currentYear,Q.config.minDate instanceof Date){Q.currentYearElement.min=Q.config.minDate.getFullYear();var e=Q.currentYear===Q.config.minDate.getFullYear()?(Q.currentMonth+11)%12<Q.config.minDate.getMonth():Q.currentYear<Q.config.minDate.getFullYear();Q.prevMonthNav.style.display=e?"none":"block"}else Q.currentYearElement.removeAttribute("min"),Q.prevMonthNav.style.display="block";if(Q.config.maxDate instanceof Date){var t=Q.currentYear===Q.config.maxDate.getFullYear()?Q.currentMonth+1>Q.config.maxDate.getMonth():Q.currentYear>Q.config.maxDate.getFullYear();Q.nextMonthNav.style.display=t?"none":"block",Q.currentYearElement.max=Q.config.maxDate.getFullYear()}else Q.currentYearElement.removeAttribute("max"),Q.nextMonthNav.style.display="block"}function B(){var e=arguments.length<=0||void 0===arguments[0]||arguments[0];if(!Q.selectedDates.length)return Q.clear();if(Q.config.enableTime&&!Q.isMobile){var t=void 0,n=void 0,a=void 0;e?(t=parseInt(Q.hourElement.value,10)||0,n=(60+(parseInt(Q.minuteElement.value,10)||0))%60,Q.config.enableSeconds&&(a=(60+parseInt(Q.secondElement.value,10)||0)%60),Q.config.time_24hr||(t=t%12+12*("PM"===Q.amPM.innerHTML)),Q.selectedDates[Q.selectedDates.length-1].setHours(t,n,a||0,0)):(t=j().getHours(),n=j().getMinutes(),a=j().getSeconds()),Q.hourElement.value=w(Q.config.time_24hr?t:(12+t)%12+12*(t%12===0)),Q.minuteElement.value=w(n),Q.config.time_24hr||(Q.amPM.textContent=t>=12?"PM":"AM"),Q.config.enableSeconds&&(Q.secondElement.value=w(a))}switch(Q.isMobile&&(Q.mobileInput.value=Q.selectedDates.length?v(Q.mobileFormatStr,j()):""),Q.config.mode){case"single":Q.input.value=v(Q.config.dateFormat,j()),Q.altInput&&(Q.altInput.value=v(Q.config.altFormat,j()));break;case"multiple":Q.input.value=Q.selectedDates.map(function(e){return v(Q.config.dateFormat,e)}).join("; "),Q.altInput&&(Q.altInput.value=Q.selectedDates.map(function(e){return v(Q.config.altFormat,e)}).join("; "));break;case"range":2===Q.selectedDates.length?(Q.altInput||Q.input).value=Q.selectedDates.map(function(e){return v(Q.config.dateFormat,e)}).join(" to "):(Q.altInput||Q.input).value=v(Q.config.dateFormat,j())}P("ValueUpdate")}function z(e){e.preventDefault();var t=Math.max(-1,Math.min(1,e.wheelDelta||-e.deltaY));Q.currentYear=e.target.value=parseInt(e.target.value,10)+t,Q.redraw()}function J(e){var t=arguments.length<=1||void 0===arguments[1]?"":arguments[1],n=arguments.length<=2||void 0===arguments[2]?"":arguments[2],a=document.createElement(e);return a.className=t,n&&(a.textContent=n),a}function K(e,t,n){var a=void 0;return function(){for(var i=arguments.length,r=Array(i),o=0;o<i;o++)r[o]=arguments[o];var l=this,c=function(){a=null,n||e.apply(l,r)};clearTimeout(a),a=setTimeout(c,t),n&&!a&&e.apply(l,r)}}function q(e,t){return e instanceof Date&&t instanceof Date&&(e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear())}function V(e){if(e.preventDefault(),e&&((e.target.value||e.target.textContent).length>=2||"keydown"!==e.type&&"input"!==e.type)&&e.target.blur(),"flatpickr-am-pm"===e.target.className)return e.target.textContent=["AM","PM"]["AM"===e.target.textContent|0],void e.stopPropagation();var t=parseInt(e.target.min,10),n=parseInt(e.target.max,10),a=parseInt(e.target.step,10),i=parseInt(e.target.value,10),r=i;"wheel"===e.type?r=i+a*Math.max(-1,Math.min(1,e.wheelDelta||-e.deltaY)):"keydown"===e.type&&(r=i+a*(38===e.which?1:-1)),r<=t?r=n-a:r>=n&&(r=t+a),e.target.value=w(r)}var Q=this;return n(),Q}function _flatpickr(e,t){for(var n=[],a=0;a<e.length;a++){e[a]._flatpickr&&e[a]._flatpickr.destroy();try{e[a]._flatpickr=new Flatpickr(e[a],t||{}),n.push(e[a]._flatpickr)}catch(e){console.warn(e,e.stack)}}return 1===n.length?n[0]:n}function flatpickr(e,t){return _flatpickr(document.querySelectorAll(e),t)}var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};Flatpickr.defaultConfig={mode:"single",utc:!1,wrap:!1,weekNumbers:!1,allowInput:!1,clickOpens:!0,time_24hr:!1,enableTime:!1,noCalendar:!1,dateFormat:"Y-m-d",altInput:null,altInputClass:"",altFormat:"F j, Y",defaultDate:null,minDate:null,maxDate:null,parseDate:null,enable:[],disable:[],shorthandCurrentMonth:!1,inline:!1,static:!1,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>",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>",enableSeconds:!1,hourIncrement:1,minuteIncrement:5,defaultHour:12,defaultMinute:0,disableMobile:!1,onChange:null,onOpen:null,onClose:null,onReady:null,onValueUpdate:null,onDayCreate:null},Flatpickr.l10n={weekdays:{shorthand:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],longhand:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},months:{shorthand:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],longhand:["January","February","March","April","May","June","July","August","September","October","November","December"]},daysInMonth:[31,28,31,30,31,30,31,31,30,31,30,31],firstDayOfWeek:0,ordinal:function(e){var t=e%100;if(t>3&&t<21)return"th";switch(t%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}},weekAbbreviation:"Wk",scrollTitle:"Scroll to increment",toggleTitle:"Click to toggle"},Flatpickr.localize=function(e){Object.keys(e).forEach(function(t){return Flatpickr.l10n[t]=e[t]})},"undefined"!=typeof HTMLElement&&(HTMLCollection.prototype.flatpickr=NodeList.prototype.flatpickr=function(e){return _flatpickr(this,e)},HTMLElement.prototype.flatpickr=function(e){return _flatpickr([this],e)}),"undefined"!=typeof jQuery&&(jQuery.fn.flatpickr=function(e){return _flatpickr(this,e)}),Date.prototype.fp_incr=function(e){return new Date(this.getFullYear(),this.getMonth(),this.getDate()+parseInt(e,10))},Date.prototype.fp_isUTC=!1,Date.prototype.fp_toUTC=function(){var e=new Date(this.getUTCFullYear(),this.getUTCMonth(),this.getUTCDate(),this.getUTCHours(),this.getUTCMinutes(),this.getUTCSeconds());return e.fp_isUTC=!0,e},Flatpickr.prototype.getWeek=function(e){var t=new Date(e.getTime());t.setHours(0,0,0,0),t.setDate(t.getDate()+3-(t.getDay()+6)%7);var n=new Date(t.getFullYear(),0,4);return 1+Math.round(((t.getTime()-n.getTime())/864e5-3+(n.getDay()+6)%7)/7)},"classList"in document.documentElement||!Object.defineProperty||"undefined"==typeof HTMLElement||Object.defineProperty(HTMLElement.prototype,"classList",{get:function(){function e(e){return function(n){var a=t.className.split(/\s+/),i=a.indexOf(n);e(a,i,n),t.className=a.join(" ")}}var t=this,n={add:e(function(e,t,n){~t||e.push(n)}),remove:e(function(e,t){~t&&e.splice(t,1)}),toggle:e(function(e,t,n){~t?e.splice(t,1):e.push(n)}),contains:function(e){return!!~t.className.split(/\s+/).indexOf(e)},item:function(e){return t.className.split(/\s+/)[e]||null}};return Object.defineProperty(n,"length",{get:function(){return t.className.split(/\s+/).length}}),n}}),"undefined"!=typeof module&&(module.exports=Flatpickr);

data/test/dummy/vendor/assets/components/flatpickr/gulpfile.js

@@ -0,0 +1,101 @@
+const gulp = require("gulp"),
+	babel = require("gulp-babel"),
+	cssmin = require("gulp-cssmin"),
+	lint = require("gulp-eslint"),
+	livereload = require("gulp-livereload"),
+	plumber = require("gulp-plumber"),
+	pug = require("gulp-pug"),
+	rename = require("gulp-rename"),
+	stylus = require("gulp-stylus"),
+	uglify = require("gulp-uglify");
+
+const paths = {
+	style: "./src/style/flatpickr.styl",
+	script: "./src/flatpickr.js",
+	themes: "./src/style/themes/*.styl",
+	site_style: "./assets/style.styl",
+	site: "./site/index.pug"
+};
+
+function get_script_stream(){
+	return gulp.src(paths.script)
+		.pipe(plumber())
+		.pipe(lint()).pipe(lint.format())
+		.pipe(babel());
+}
+
+gulp.task('script', function(done){
+	get_script_stream()
+	.pipe(gulp.dest('dist'))
+	.pipe(livereload());
+
+	get_script_stream()
+	.pipe(uglify({preserveComments: 'license'}))
+	.pipe(rename({ suffix: '.min'}))
+	.pipe(gulp.dest('dist'))
+	.pipe(livereload());
+
+	done();
+});
+
+gulp.task('style', function(done){
+	gulp.src(paths.style)
+	.pipe(plumber())
+	.pipe(stylus())
+	.pipe(cssmin()).on('error', errorHandler)
+	.pipe(rename({ suffix: '.min'}))
+	.pipe(gulp.dest('dist'))
+	.pipe(livereload());
+
+	done();
+});
+
+gulp.task('themes', function(done){
+	gulp.src(paths.themes)
+	.pipe(plumber())
+	.pipe(stylus())
+	.pipe(cssmin()).on('error', errorHandler)
+	.pipe(rename({ prefix: 'flatpickr.',suffix: '.min'}))
+	.pipe(gulp.dest('dist'))
+	.pipe(livereload());
+
+	done();
+});
+
+gulp.task('site_style', function(done){
+	gulp.src(paths.site_style)
+	.pipe(plumber())
+	.pipe(stylus())
+	.pipe(cssmin()).on('error', errorHandler)
+	.pipe(rename({ suffix: '.min'}))
+	.pipe(gulp.dest('assets'))
+	.pipe(livereload());
+
+	done();
+});
+
+gulp.task("site", function(done){
+	gulp.src(paths.site)
+		.pipe(plumber())
+		.pipe(pug())
+		.pipe(gulp.dest('./'))
+		.pipe(livereload());
+
+	done();
+});
+
+gulp.task('watch', function(done) {
+	livereload.listen();
+	gulp.watch('./src/style/**/*.styl', gulp.parallel('style', 'themes'));
+	gulp.watch(paths.script, gulp.series('script'));
+	gulp.watch(['./assets/**/*.styl'], gulp.series('site_style'));
+	gulp.watch('./site/**/*.pug', gulp.series("site"));
+	done();
+});
+
+// Handle the error
+function errorHandler (error) {
+	console.log(error.toString());
+}
+
+gulp.task('default', gulp.parallel('script', 'style', 'themes', 'site', 'site_style', 'watch'));

data/test/dummy/vendor/assets/components/flatpickr/index.html

@@ -0,0 +1,83 @@
+<!DOCTYPE html><html lang="en"><head><title>flatpickr - lightweight datetimepicker &amp; calendar</title><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><link rel="icon" type="image/png" href="favicon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes"><!--script(async, src='assets/js/table-of-contents.js')--><!--script#locale_script(async='').--><!--script(async='', src='assets/js/localizr.js')--><link rel="stylesheet" type="text/css" href="assets/style.min.css"><link id="cal_style" rel="stylesheet" type="text/css" href="dist/flatpickr.min.css"></head><body><header class="section" id="hero"><div class="wrapper"><h1>flatpickr</h1><h3 class="subheading muted">A lightweight &amp; powerful datetimepicker</h3></div></header><div class="section bg-orange"><div class="wrapper"><div class="row"><div class="col col-6"><h2>Install</h2><p><code>npm install flatpickr</code><br><code>bower install flatpickr-calendar</code></p><p>Otherwise:<br><a class="btn" href="https://github.com/chmln/flatpickr/archive/gh-pages.zip" type="white" outline><span>Download&nbsp;</span><i class="icon-angle-double-down"></i></a></p><p class="nomargin">Then<code>require(&apos;flatpickr&apos;)</code>, use wiredep, or otherwise load the necessary files.</p></div><div class="col col-6"><h2>Use</h2><p>There are multiple ways to create a Flatpickr instance. In all cases, config is optional. The return value will be the Flatpickr instance, or an array of instances.</p><pre class="prettyprint lang-js">flatpickr(".selector", {});
+document.getElementById("myID").flatpickr({});
+$(".calendar").flatpickr({}); // jQuery
+
+</pre><p>Or pass in a node directly.</p><pre class="prettyprint lang-js">new Flatpickr(HTMLElement, [options]);</pre></div></div></div></div><div class="section"><div class="wrapper"><h2>Discover</h2><div class="row"><div class="col col-6"><input id="playground_calendar" type="text" placeholder="Try me.."></div><div class="col col-6"><div><label><strong>Theme:</strong><select id="themes"><option value="">Select Theme</option></select></label><hr></div><div><strong>Mode:</strong><div><label><input class="mode" type="radio" name="mode" data-option="mode" value="single" checked>Single Date&nbsp;</label><label><input class="mode" type="radio" name="mode" data-option="mode" value="multiple">Multiple Dates&nbsp;</label><label><input class="mode" type="radio" name="mode" data-option="mode" value="range">Range (experimental)</label></div><hr></div><div id="playground"></div><div><hr><label>Set minimum date<span class="desc">e.g. 'today', '2016-10-20'</span></label><p class="input-group"><input id="minDate" type="text" data-input placeholder="Type Date and hit Enter"><a class="input-btn" data-clear id="minDateClear"><i class="icon-close"></i></a></p></div><hr><a class="btn" id="show_json" outline type="black">Show JSON</a><pre id="playground_json"></pre></div></div></div></div><hr><div class="section"><div class="wrapper"><h2>Examples</h2><div class="example" id="strap"><h4>Custom elements and input groups</h4><p>flatpickr can parse an input group of textboxes and buttons, common in&nbsp;<strong>Bootstrap</strong> and other frameworks.</p><p>This permits additional markup, as well as custom elements to trigger the state of the calendar.</p><p>Mark your input element with<code>data-input</code>(mandatory), and any additional buttons with<code>data-toggle</code>,<code>data-open</code>,<code>data-close</code>, or<code>data-clear</code>.</p><pre class="prettyprint lang-html">&lt;p class="flatpickr" data-wrap="true" data-click-opens="false"&gt;
+	&lt;input placeholder="Pick date" data-input&gt;
+
+	&lt;a class="input-button" data-toggle&gt;&lt;i class="icon-calendar"&gt;&lt;/i&gt;&lt;/a&gt;
+	&lt;a class="input-button" data-clear&gt;&lt;i class="icon-close"&gt;&lt;/i&gt;&lt;/a&gt;
+&lt;/p&gt;
+</pre><p class="flatpickr input-group" data-allow-input="true" data-wrap="true" data-click-opens="false"><input type="text" data-input="" placeholder="Pick date"><a class="input-btn" data-toggle=""><i class="icon-calendar"></i></a><a class="input-btn" data-clear=""><i class="icon-close"></i></a><div style="clear:both"></div></p></div><div class="example" id="disable" data-desc="Disabling dates"><h4>Disabling dates</h4><div class="row"><div class="col col-6"><p>Disable a date interval, or a specific date.</p><pre class="prettyprint lang-js">document.getElementById("#disableRange").flatpickr({
+	disable: [
+		{ from: "2016-08-16", to: "2016-08-19" },
+		"2016-08-24",
+		new Date().fp_incr(30) // 30 days from now
+	]
+});
+</pre><p><input id="disableRange" type="text" placeholder="Select date"></p></div><div class="col col-6"><p>Or pass in a custom function and disable dates using any logic you want.</p><pre class="prettyprint lang-js">document.getElementById("#disableOddDays").flatpickr({
+	disable: [
+		function(date){ // disable odd days
+			return date.getDate()%2 &gt; 0;
+		}
+	]
+});
+</pre><p><input id="disableOddDays" type="text" placeholder="Select date"></p></div></div></div><div class="example" id="enable" data-desc="Disabling dates"><h4>Enabling dates</h4><p>Use the&nbsp;<code>enable[]</code>&nbsp;option to disable all dates except the ones you specify.</p><div class="row"><div class="col col-6"><p>Pass in date strings, Date objects, or functions.</p><pre class="prettyprint lang-js">document.getElementById("#enableNextSeven").flatpickr({
+	enable: [
+		{
+			from: "today",
+			to: new Date().fp_incr(7) // 7 days from now
+		}
+	]
+});
+</pre><p><input id="enableNextSeven" type="text" placeholder="Select date"></p></div><div class="col col-6"><p>For instance, to enable only business days of 2016:</p><pre class="prettyprint lang-js">document.getElementById("#enableCustom").flatpickr({
+	enable: [
+		function(dateObj){
+			// dateObj is a JavaScript Date
+			return dateObj.getDay() %6 !== 0 && dateObj.getFullYear() === 2016;
+		}
+	]
+});
+</pre><p><input id="enableCustom" type="text" placeholder="Select date"></p></div></div></div><div class="example" id="utc" data-desc="Timezones &amp; UTC"><h4>UTC mode</h4><p>By default, JavaScript&apos;s Date converts all dates to a local time. However, locale-agnostic databases often store dates in UTC. flatpickr can convert any given dates to UTC and select a datetime in UTC with a simple switch. Here are the previous examples with UTC mode enabled.</p><pre class="prettyprint lang-html">&lt;input type='text' class='flatpickr' data-utc=true data-default-date="Wed, 21 Sep 2016 18:33:47 GMT" data-enable-time=true&gt;
+</pre><p><input class="flatpickr" type="text" data-utc="true" data-default-date="Wed, 21 Sep 2016 18:33:47 GMT" data-enable-time="true"></p><br><pre class="prettyprint lang-html">&lt;input type='text' class='flatpickr' data-default-date="2016-12-27T16:16:22.585Z" data-utc=true data-enable-time=true&gt;
+</pre><p><input class="flatpickr" type="text" data-default-date="2016-12-27T16:16:22.585Z" data-utc="true" data-enable-time="true"></p></div><hr><div class="example" id="eventsAPI" data-desc="Events API"><h2>Events</h2><pre class="prettyprint lang-js">document.getElementById("events-api-example").flatpickr({
+	minDate: "today",
+	enableTime: true,
+	onChange: function(dateObj, dateStr, instance) {
+		...
+	},
+	onOpen: function(dateObj, dateStr, instance){
+		...
+	},
+	onClose: function(dateObj, dateStr, instance){
+		...
+	}
+});
+</pre><p id="events" style="height: 80px; overflow-y: auto"></p><p><input id="events-api-example" type="text" placeholder="Select date"></p><hr><h4 id="onDayCreate">onDayCreate()</h4><p>Take full control of every date cell with the<code>onDayCreate()</code>hook.</p><pre class="prettyprint lang-js">flatpickr("#dayCreate", {
+	onDayCreate: function(dObj, dStr, fp, dayElem){
+		// utilize fp.currentYear, fp.currentMonth, dayElem.textContent
+		if (Math.random() &lt; 0.15)
+			dayElem.innerHTML += "&lt;span class='event'&gt;&lt;/span&gt;";
+
+		else if (Math.random() &gt; 0.85)
+			dayElem.innerHTML += "&lt;span class='event busy'&gt;&lt;/span&gt;";
+	}
+});
+</pre><p><input id="dayCreate" type="text" placeholder="Select date"></p><hr></div><div class="example" id="fiscal-calendar" data-desc="Fiscal Calendar"><h4>Fiscal Calendar</h4><p>You may override the<code>getWeek()</code>function, used for calculating a week number, for various purposes. A fiscal year is used for calculating yearly financial statements. In this example, we will use override the<code>getWeek()</code>function to display the fiscal term instead of the usual week numbers.</p><pre class="prettyprint lang-html">&lt;input type='text' id="fiscal" placeholder="Fiscal Calendar"&gt;
+</pre><pre class="prettyprint lang-js">Flatpickr.prototype.getWeek = function(givenDate){
+	var checkDate = new Date(givenDate.getTime());
+	checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
+	var time = checkDate.getTime();
+	checkDate.setMonth(7);
+	checkDate.setDate(28);
+	var week = (Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 2);
+	if (week &lt; 1) {
+		week = 52 + week;
+	}
+	return 'FW'+week;
+}
+
+document.getElementById("fiscal").flatpickr({
+	weekNumbers: true
+});
+</pre><p><input id="fiscal" type="text" placeholder="Calendar w/ fiscal periods"></p></div><hr></div></div><!--include content/themes--><div class="padding-y-s"><div class="wrapper"><h2>Options</h2><p><strong>Protip:</strong><u>all</u> of the string/boolean config options can also be supplied using data attributes, e.g. data-min-date, data-default-date, data-date-format etc.</p><div style="max-height: 60vh; overflow-y: auto"><table class="options"><thead><tr><th>Config Option</th><th>Type</th><th>Default</th><th>Description</th></tr></thead><tbody><tr><td>altFormat</td><td>string</td><td>&quot;F j, Y&quot;</td><td>Exactly the same as date format, but for the altInput field</td></tr><tr><td>altInput</td><td>Boolean</td><td>false</td><td>Show the user a readable date (as per altFormat), but return something totally different to the server.</td></tr><tr><td>altInputClass</td><td>String</td><td>&quot;&quot;</td><td>This class will be added to the input element created by the altInput option. Helpful if input elements are styled using classes. Bootstrap users will want to specify<code>form-control</code>here.</td></tr><tr><td>allowInput</td><td>boolean</td><td>false</td><td>Allows the user to enter a date directly input the input field. By default, direct entry is disabled.</td></tr><tr><td>clickOpens</td><td>boolean</td><td>true</td><td>Clicking on the input opens the date (time) picker. Disable this if you wish to open the calendar manually with<code>.open()</code></td></tr><tr><td>dateFormat</td><td>string</td><td>&quot;Y-m-d&quot;</td><td>A string of characters which are used to define how the date will be displayed in the input box. The supported characters are defined in the table below.</td></tr><tr><td>defaultDate</td><td>String/Date</td><td>null</td><td>Set the initial selected date. Same as preloading a date string into an input&apos;s value attribute, but can also handle a Date object.</td></tr><tr><td>disable</td><td>array</td><td>[]</td><td>See&nbsp;<a href="#disable">Disabling dates</a></td></tr><tr><td>enable</td><td>array</td><td>[]</td><td>See&nbsp;<a href="#enable">Enabling dates</a></td></tr><tr><td>enableTime</td><td>boolean</td><td>false</td><td>Enables time picker</td></tr><tr><td>enableSeconds</td><td>boolean</td><td>false</td><td>Enables seconds in the time picker.</td></tr><tr><td>hourIncrement</td><td>integer</td><td>1</td><td>Adjusts the step for the hour input (incl. scrolling)</td></tr><tr><td>inline</td><td>boolean</td><td>false</td><td>Displays the calendar inline</td></tr><tr><td>maxDate</td><td>String/Date</td><td>null</td><td>The maximum date that a user can pick to.</td></tr><tr><td>minDate</td><td>String/Date</td><td>null</td><td>The minimum date that a user can start picking from.</td></tr><tr><td>minuteIncrement</td><td>integer</td><td>5</td><td>Adjusts the step for the minute input (incl. scrolling)</td></tr><tr><td>nextArrow</td><td>string</td><td><code>&gt;</code></td><td>Code for the arrow icon, used to switch months.</td></tr><tr><td>noCalendar</td><td>boolean</td><td>false</td><td>Hides the calendar. For use along with enableTime.</td></tr><tr><td>onChange</td><td>function, [functions]</td><td>null</td><td>Function(s) to trigger on every date selection. See&nbsp;<a href="#eventsAPI">Events API</a></td></tr><tr><td>onClose</td><td>function, [functions]</td><td>null</td><td>Function(s) to trigger on every time the calendar is closed. See&nbsp;<a href="#eventsAPI">Events API</a></td></tr><tr><td>onOpen</td><td>function, [functions]</td><td>null</td><td>Function(s) to trigger on every time the calendar is opened. See&nbsp;<a href="#eventsAPI">Events API</a></td></tr><tr><td>onReady</td><td>function, [functions]</td><td>null</td><td>Function to trigger when the calendar is ready. See&nbsp;<a href="#eventsAPI">Events API</a></td></tr><tr><td>parseDate</td><td>function</td><td>false</td><td>Function that expects a date string and must return a Date object</td></tr><tr><td>prevArrow</td><td>string</td><td><code>&lt;</code></td><td>Code for the left arrow icon.</td></tr><tr><td>shorthandCurrentMonth</td><td>boolean</td><td>false</td><td>Show the month using the shorthand version (ie, Sep instead of September).</td></tr><tr><td>static</td><td>boolean</td><td>false</td><td>Position the calendar inside the wrapper and next to the input element. (Leave<code>false</code>unless you know what you&apos;re doing.</td></tr><tr><td>time_24hr</td><td>boolean</td><td>false</td><td>Displays time picker in 24 hour mode without AM/PM selection when enabled.</td></tr><tr><td>utc</td><td>boolean</td><td>false</td><td>When true, dates will parsed, formatted, and displayed in UTC. It&apos;s recommended that date strings contain the timezone, but not necessary.</td></tr><tr><td>weekNumbers</td><td>boolean</td><td>false</td><td>Enables display of week numbers in calendar.</td></tr><tr><td>wrap</td><td>Boolean</td><td>false</td><td><a href="https://chmln.github.io/flatpickr/#strap">Custom elements and input groups</a></td></tr></tbody></table></div></div></div><script src="assets/js/examples.js"></script><script async src="dist/flatpickr.js" onload="fp_ready()"></script><script async src="assets/js/prettify.js?skin=none"></script><script async src="assets/js/themer.js"></script></body></html>

data/test/dummy/vendor/assets/components/flatpickr/index_.html

@@ -0,0 +1,1171 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<title>flatpickr - lightweight datetimepicker &amp; calendar</title>
+
+	<meta charset="utf-8">
+	<meta http-equiv="x-ua-compatible" content="ie=edge">
+
+	<link rel="icon" type="image/png" href="favicon.png">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes">
+
+
+	<style>
+
+	</style>
+
+	<script async>
+	function fp_ready(){
+		// setting custom defaults
+		Flatpickr.l10n.firstDayOfWeek = 1;
+
+		//Regular flatpickr
+		document.getElementById("flatpickr-tryme").flatpickr();
+
+		document.getElementsByClassName("calendar").flatpickr();
+
+		var calendars = document.getElementsByClassName("flatpickr").flatpickr();
+
+		var real_selection = document.getElementById("realdate");
+		document.getElementById("alt")._flatpickr.config.onChange = function(obj, str){
+			real_selection.textContent = str;
+		}
+
+		document.getElementById("disableRange").flatpickr({
+			disable: [
+				{
+					from: "2016-08-16",
+					to: "2016-08-19"
+				},
+				"2016-08-24",
+				new Date().fp_incr(30) // 30 days from now
+			],
+			minDate: "today"
+		});
+
+		document.getElementById("disableOddDays").flatpickr({
+			disable: [
+				function(date) { return date.getDate()%2; } // disable odd days
+			]
+		});
+		document.getElementById("enableNextSeven").flatpickr({
+			enable: [
+				{
+					from: "today",
+					to: new Date().fp_incr(7)
+				}
+			]
+		});
+		document.getElementById("enableCustom").flatpickr({
+			enable: [
+				function(dateObj){
+					return dateObj.getDay() %6 !== 0 && dateObj.getFullYear() === 2016;
+				}
+			]
+		});
+
+		// Event API
+		var events = document.getElementById("events");
+		document.getElementById("events-api-example").flatpickr({
+			minDate: "today",
+			enableTime: true,
+			onChange: function(dateObj, dateStr, fp) {
+				console.log(fp.selectedDateObj);
+				events.innerHTML += "<b>onChange</b> (<code>" + dateObj + "</code>, <code>" + dateStr + "</code> )<br>";
+				events.scrollTop = events.offsetTop;
+			},
+			onOpen: function(dateObj, dateStr, fp){
+				events.innerHTML += "<b>onOpen</b> (<code>" + dateObj + "</code>, <code>" + dateStr + "</code> )<br>";
+				events.scrollTop = events.offsetTop;
+			},
+			onClose: function(dateObj, dateStr, fp){
+				events.innerHTML += "<b>onClose</b> (<code>" + dateObj + "</code>, <code>" + dateStr + "</code> )<br>";
+				events.scrollTop = events.offsetTop;
+			},
+			onReady: function(dateObj, dateStr, fp){
+				events.innerHTML += "<b>onReady</b> (<code>" + dateObj + "</code>, <code>" + dateStr + "</code> )<br>";
+				events.scrollTop = events.offsetTop;
+			}
+		});
+
+		flatpickr("#dayCreate", {
+			onDayCreate: function(dObj, dStr, fp, dayElem){
+				if (Math.random() < 0.15)
+					dayElem.innerHTML += "<span class='event'></span>";
+
+				else if (Math.random() > 0.85)
+					dayElem.innerHTML += "<span class='event busy'></span>";
+			}
+		});
+
+		// Check in/out example
+		var check_in = document.getElementById("check_in_date").flatpickr({
+			altInput: true,
+			altFormat: "\\C\\h\\e\\c\\k \\i\\n\\: l, F j Y",
+			minDate: new Date()
+		});
+		var check_out = document.getElementById("check_out_date").flatpickr({
+			altInput: true,
+			altFormat: "\\C\\h\\e\\c\\k \\o\\u\\t: l, F j Y",
+			minDate: new Date()
+		});
+
+		check_in.config.onChange = function(dateObj) {
+			check_out.set("minDate", dateObj.fp_incr(1));
+		};
+		check_out.config.onChange = function(dateObj) {
+			check_in.set("maxDate", dateObj.fp_incr(-1));
+		}
+
+		var fiscal = document.getElementById("fiscal").flatpickr({
+			weekNumbers: true
+		});
+
+		// Fiscal calendar
+		fiscal.getWeek = function(givenDate){
+			var checkDate = new Date(givenDate.getTime());
+			checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
+			var time = checkDate.getTime();
+			checkDate.setMonth(7);
+			checkDate.setDate(28);
+			var week = (Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 2);
+			if (week < 1) {
+				week = 52 + week;
+			}
+			return 'FW' + ("0" + week).slice(-2);
+		}
+
+		fiscal.redraw();
+
+
+		// Date format
+		var fpInstance = new Flatpickr(document.createElement("input")),
+			formatOutput = document.getElementById("dateFormatOutput"),
+			now = new Date();
+
+		document.getElementById("dateFormatComposer").addEventListener("keyup", function(e){
+			formatOutput.textContent = fpInstance.formatDate(e.target.value, now);
+		});
+
+	}
+	</script>
+
+	<script async src="dist/flatpickr.js" onload="fp_ready()"></script>
+
+	<script async src="assets/js/prettify.js?skin=none"></script>
+	<script async src="assets/js/table-of-contents.js"></script>
+	<script async src="assets/js/themer.js"></script>
+	<script async id="locale_script"></script>
+	<script async src="assets/js/localizr.js"></script>
+
+	<link rel="stylesheet" type="text/css" href="assets/style.min.css">
+	<link rel="stylesheet" id=cal_style type="text/css" href="dist/flatpickr.min.css">
+
+</head>
+
+<body>
+	<header id=hero class=section>
+		<div class=wrapper>
+
+			<div class="row">
+				<div class="col col-8">
+					<h1>flatpickr</h1>
+					<h3 class="subheading muted">
+						A lightweight &amp; powerful datetimepicker
+					</h3>
+				</div>
+				<div class="col col-4">
+					<input type='text' id="flatpickr-tryme" placeholder="Try me..">
+				</div>
+			</div>
+
+
+
+
+
+		</div>
+	</header>
+
+
+	<div class=flex>
+
+	<div class="c-l">
+	<div class='wrapper'>
+		<div class="example" data-desc="Install" id=install>
+			<h3>Install</h3>
+
+			<div class="alert success">
+				<h2>NEW: flatpickr v2.0</h2>
+				<li>Native mobile datetime picker support</li>
+				<li>SVG icons out-of-the-box</li>
+				<li>Compatible with jQuery</li>
+				<li>New datestring parser</li>
+				<li>Improved performance</li>
+				<li>Only 6kb minified &amp; gzipped</li>
+				<li>Not a single dependency</li>
+			</div>
+
+			<p>
+				<code>npm install flatpickr</code>
+				<br>
+				<code>bower install flatpickr-calendar</code>
+			</p>
+
+			<p>Otherwise:<br>
+				<a class="button" href="https://github.com/chmln/flatpickr/archive/gh-pages.zip">
+					<i class="icon-cloud-down"></i>
+					<span>Download</span>
+				</a>
+			</p>
+
+
+			<p class=nomargin>Then <code>require('flatpickr')</code>, use wiredep, or otherwise load the necessary files.</p>
+
+		<pre class='prettyprint lang-html' style='clear:both'>
+&lt;link rel="stylesheet" type="text/css" href="/path/to/flatpickr.css"&gt;
+&lt;script src="/path/to/flatpickr.js"&gt;&lt;/script&gt;
+</pre>
+
+		</div>
+
+		<div class="example" id=syntax>
+
+			<h3>Syntax</h3>
+			<p>There are multiple ways to create a Flatpickr instance. In all cases, config is optional. The return value will be the Flatpickr instance, or an array of instances.</p>
+
+			<pre class='prettyprint lang-js'>
+document.getElementsByClassName("myClass").flatpickr({..config});
+document.getElementById("myID").flatpickr();
+$(".calendar").flatpickr(); // jQuery
+</pre>
+
+<hr>
+			<p>Or pass in a node directly.</p>
+			<pre class='prettyprint lang-js'>
+new Flatpickr(HTMLElement, [options]);
+</pre>
+
+		</div>
+
+
+
+		<div class="example" data-desc="A basic datepicker" id="basic">
+			<h3>Basics</h3>
+			<p><strong>A basic datepicker</strong></p>
+			<p>
+
+			</p>
+
+		</div>
+
+		<div class="example" data-desc="Custom date/time formats" id="format">
+			<h3>Date Formatting</h3>
+			<p>Using <a href=#options>dateFormat</a></p>
+
+			<pre class='prettyprint lang-html'>
+&lt;input type='text' class='flatpickr' data-date-format="d-m-Y"&gt;
+&lt;input type='text' class='flatpickr' data-date-format="m/d/Y"&gt;
+&lt;input type='text' class='flatpickr' data-date-format="l, F j, Y"&gt;
+</pre>
+
+			<p>
+				<input type='text' class='flatpickr' data-date-format="d-m-Y" placeholder="European Format ('d-m-Y')">
+			</p>
+			<p>
+				<input type='text' class='flatpickr' data-date-format="m/d/Y" placeholder="American Format ('m/d/Y')">
+			</p>
+			<p>
+				<input type='text' class='flatpickr' data-date-format="l, F j, Y" placeholder="Fancy Textual Format ('l, F j, Y')">
+			</p>
+
+		</div>
+
+		<div class="example" data-desc="Datetimepicker" id="datetimepicker">
+
+			<h3>DateTime Picker</h3>
+			<pre class='prettyprint lang-html'>
+&lt;input type='text' class='flatpickr' data-enable-time=true&gt;
+</pre>
+
+		<p>
+			<input type='text' class='flatpickr' data-enable-time=true placeholder="Pick date and time">
+		</p>
+		<br>
+
+			<h4>DateTime Picker: 24 Hour Mode</h4>
+			<pre class='prettyprint lang-html'>
+&lt;input type='text' class='flatpickr' data-enable-time=true data-time_24hr=true&gt;
+</pre>
+
+		<p>
+			<input type='text' class='flatpickr' data-enable-time=true data-time_24hr=true placeholder="24 hour time">
+		</p>
+		<br>
+
+			<h4>DateTime Picker with seconds</h4>
+						<pre class='prettyprint lang-html'>
+&lt;input type='text' class='flatpickr' data-enable-time=true data-enable-seconds=true &gt;
+</pre>
+		<p>
+			<input type='text' class='flatpickr' data-enable-time=true data-enable-seconds=true  placeholder="Pick date and time">
+		</p>
+
+		</div>
+
+		<div class="example" data-desc="Time Picker" id="timepicker">
+			<h3>Time Picker</h3>
+			<pre class='prettyprint lang-html'>
+&lt;input type='text' class='flatpickr' data-enable-time=true data-enable-seconds=true data-no-calendar=true value="09:01:45"&gt;
+
+&lt;input type='text' class='flatpickr' data-enable-time=true data-enable-seconds=true data-no-calendar=true value="09:01:30 PM"&gt;
+
+</pre>
+
+	<input type='text' class='flatpickr' data-enable-time=true data-enable-seconds=true data-no-calendar=true placeholder="Pick time"  value="09:01:45">
+
+			<input type='text' class='flatpickr' data-enable-time=true data-enable-seconds=true data-no-calendar=true placeholder="Pick time"  value="09:01:30 PM">
+		</div>
+
+
+		<div class="example" data-desc="Date Limits (maxDate/minDate)" id="maxmindate">
+			<h3>Date Limits - minDate and maxDate</h3> The example below conveniently uses data-attributes for setting
+			<strong>minDate</strong> and <strong>maxDate</strong> <a href=#options>options</a>.
+
+			<pre class="prettyprint lang-html">
+&lt;input type='text' class='flatpickr' data-min-date=today&gt;
+&lt;input type='text' class='flatpickr' data-min-date="2016-09-20"&gt;
+&lt;input type='text' class='flatpickr' data-min-date="September 2, 2015"&gt;
+&lt;input type='text' class='flatpickr' data-min-date=today data-max-date='2016-8-20'&gt;
+</pre>
+
+			<p>
+				<input type='text' class='flatpickr' data-min-date=today placeholder="minDate: today">
+			</p>
+
+			<p>
+				<input type='text' class='flatpickr' data-min-date="2016-09-20" placeholder="minDate: '2016-09-20'">
+			</p>
+
+			<p>
+				<input type='text' class='flatpickr' data-min-date="2015/09/02" placeholder="minDate: '2015/09/02'">
+			</p>
+
+			<p>
+				<input type='text' class='flatpickr' data-min-date=today data-max-date='2016-12-20' placeholder="minDate: today, maxDate: '2016-12-20'">
+			</p>
+
+		</div>
+
+
+
+
+		<div class="example" data-desc="User-Friendly date output" id="altinput">
+			<h3>Human-friendly Date Output</h3>
+
+			<p>altInput can be used for displaying a friendly date format (per <code>altFormat</code>) to the user while sending the date formatted as <code>dateFormat</code> to the server. Feel free to inspect the input element below after picking a date to see what's going on. </p>
+
+			<pre class='prettyprint lang-html'>
+&lt;input type='text' class='flatpickr' data-alt-input=true data-alt-format="F j, Y"&gt;
+</pre>
+			<p>
+				<input type='text' class='flatpickr' id="alt" data-alt-input=true data-alt-format="F j, Y" placeholder="The real input is hidden :^)">
+			</p>
+
+			<p><strong>Selected date</strong>: <span id=realdate>nothing yet</span></p>
+</div>
+
+		<div class="example" data-desc="Preloading dates" id="defaultdate">
+
+			<h3>Preload date and time</h3>
+
+			 <p>
+			You may load the calendar with a predefined value, ranging from	simple dates, such as "2016-04-10" to full-fledged datetime strings. To keep the dates in UTC/GMT, see the <a href="#utc">UTC option</a>.
+			</p>
+			<pre class='prettyprint lang-html'>
+&lt;input type=text class=flatpickr data-enable-time=true value="Sun, 24 Jul 2016 05:16:47 GMT"&gt;
+</pre>
+
+
+			<p>
+				<input type=text class=flatpickr data-enable-time=true value="Sun, 24 Jul 2016 05:16:47 GMT">
+			</p>
+			<br>
+<pre class='prettyprint lang-html'>
+&lt;input type='text' class='flatpickr' data-default-date="2016-12-27T16:16:22.585Z" data-enable-time=true&gt;
+</pre>
+			<p>
+				<input type='text' class='flatpickr' data-default-date="2016-12-27T16:16:22.585Z" data-enable-time=true>
+			</p>
+
+		</div>
+
+		<div class="example" id="strap">
+			<h3>Custom elements and input groups</h3>
+
+			<p>flatpickr can parse an input group of textboxes and buttons, common in <strong>Bootstrap</strong> and other frameworks.</p>
+
+			<p>This permits additional markup, as well as custom elements to trigger the state of the calendar. </p>
+
+			<p>Mark your input element with
+				<code>data-input</code> (mandatory), and any additional buttons with
+				<code>data-toggle</code>,
+				<code>data-open</code>,
+				<code>data-close</code>, or
+				<code>data-clear</code>.</p>
+
+			<pre class='prettyprint lang-html'>
+&lt;p class="flatpickr" data-wrap="true" data-click-opens="false"&gt;
+	&lt;input placeholder="Pick date" data-input&gt;
+
+	&lt;a class="input-button" data-toggle&gt;&lt;i class="icon-calendar"&gt;&lt;/i&gt;&lt;/a&gt;
+	&lt;a class="input-button" data-clear&gt;&lt;i class="icon-close"&gt;&lt;/i&gt;&lt;/a&gt;
+&lt;/p>
+</pre>
+
+			<p class="flatpickr input-group" data-allow-input=true data-wrap=true data-click-opens="false">
+
+				<input data-input placeholder="Pick date">
+
+				<a class="input-button" data-toggle><i class="icon-calendar"></i></a>
+				<a class="input-button" data-clear><i class="icon-close"></i></a>
+				<div style="clear:both;"></div>
+			</p>
+
+		</div>
+
+				<div class="example" data-desc="Disabling dates" id="disable">
+			<h3>Disabling dates</h3>
+			<p>Disable a date interval, or a specific date.</p>
+			<pre class='prettyprint lang-js'>
+document.getElementById("#disableRange").flatpickr({
+	disable: [
+		{
+			from: "2016-08-16",
+			to: "2016-08-19"
+		},
+		"2016-08-24",
+		new Date().fp_incr(30) // 30 days from now
+	]
+});
+</pre>
+			<p>
+				<input type='text' id="disableRange" placeholder="Select date">
+			</p>
+
+
+
+			<hr>
+
+			<p>Or pass in a custom function and disable dates using any logic you want.</p>
+						<pre class='prettyprint lang-js'>
+document.getElementById("#disableOddDays").flatpickr({
+	disable: [
+		function(date){ // disable odd days
+			return date.getDate()%2 > 0;
+		}
+	]
+});
+</pre>
+			<p>
+				<input type='text' id="disableOddDays" placeholder="Select date">
+			</p>
+
+			<hr>
+
+			<p>Disable <strong>all</strong> dates except the ones you need, by passing in date strings, Date objects, or functions.</p>
+			<pre class='prettyprint lang-js'>
+document.getElementById("#enableNextSeven").flatpickr({
+	enable: [
+		{
+			from: "today",
+			to: new Date().fp_incr(7) // 7 days from now
+		}
+	]
+});
+</pre>
+			<p>
+				<input type='text' id="enableNextSeven" placeholder="Select date">
+			</p>
+
+			<hr>
+
+			<p>Use custom logic to enable the dates you need. For instance, enable business days of 2016:</p>
+			<pre class='prettyprint lang-js'>
+document.getElementById("#enableCustom").flatpickr({
+	enable: [
+		function(dateObj){
+			return dateObj.getDay() %6 !== 0 &amp;&amp; dateObj.getFullYear() === 2016;
+		}
+	]
+});
+</pre>
+			<p>
+				<input type='text' id="enableCustom" placeholder="Select date">
+			</p>
+		</div>
+
+		<div class="example" data-desc="Allowing manual input" id="manual_input">
+
+			<h3>Allowing manual input</h3>
+
+			 <p>
+			You may let your users input dates themselves simply by toggling the <code>allowInput</code> option
+			</p>
+			<pre class='prettyprint lang-html'>
+&lt;input type=text class=flatpickr data-enable-time=true data-allow-input=true"&gt;
+</pre>
+
+
+			<p>
+				<input type=text class=flatpickr data-enable-time=true data-allow-input=true placeholder="Select date">
+			</p>
+
+		</div>
+
+
+
+		<div class="example" data-desc="Timezones & UTC" id="utc">
+
+			<h3>UTC mode</h3>
+
+			 <p>
+			By default, JavaScript's Date converts all dates to a local time. However, locale-agnostic databases often store dates in UTC. flatpickr can convert any given dates to UTC and select a datetime in UTC with a simple switch. Here are the previous examples with UTC mode enabled.
+			</p>
+
+			<pre class='prettyprint lang-html'>
+&lt;input type='text' class='flatpickr' data-utc=true data-default-date="Wed, 21 Sep 2016 18:33:47 GMT" data-enable-time=true&gt;
+</pre>
+
+
+			<p>
+				<input type='text' class='flatpickr' data-utc=true data-default-date="Wed, 21 Sep 2016 18:33:47 GMT" data-enable-time=true>
+			</p>
+
+			<br>
+			<pre class='prettyprint lang-html'>
+&lt;input type='text' class='flatpickr' data-default-date="2016-12-27T16:16:22.585Z" data-utc=true data-enable-time=true&gt;
+</pre>
+			<p>
+				<input type='text' class='flatpickr' data-default-date="2016-12-27T16:16:22.585Z" data-utc=true data-enable-time=true>
+			</p>
+
+		</div>
+
+
+
+
+
+		<div class="example" data-desc="Events API" id="eventAPI">
+			<h3>Event API</h3>
+
+			<pre class='prettyprint lang-js'>
+document.getElementById("events-api-example").flatpickr({
+	minDate: "today",
+	enableTime: true,
+	onChange: function(dateObj, dateStr, instance) {
+		...
+	},
+	onOpen: function(dateObj, dateStr, instance){
+		...
+	},
+	onClose: function(dateObj, dateStr, instance){
+		...
+	}
+});
+</pre>
+
+			<p id=events style="height: 80px; overflow-y: auto"></p>
+			<p>
+				<input type='text' id="events-api-example" placeholder="Select date">
+			</p>
+
+			<hr>
+
+			<h3>onDayCreate()</h3>
+			<p>Take full control of every date cell with the <code>onDayCreate()</code> hook.</p>
+			<pre class='prettyprint lang-js'>
+flatpickr("#dayCreate", {
+	onDayCreate: function(dObj, dStr, fp, dayElem){
+		// utilize fp.currentYear, fp.currentMonth, dayElem.textContent
+		if (Math.random() &lt; 0.15)
+			dayElem.innerHTML += "&lt;span class='event'&gt;&lt;/span&gt;";
+
+		else if (Math.random() &gt; 0.85)
+			dayElem.innerHTML += "&lt;span class='event busy'&gt;&lt;/span&gt;";
+	}
+});
+</pre>
+
+			<p>
+				<input type='text' id="dayCreate" placeholder="Select date">
+			</p>
+
+			<hr>
+</div>
+<div class=example id=checkinnout data-desc="Example: check in/out date">
+			<h3>Example: check in and check out</h3>
+
+			<pre class='prettyprint lang-js'>
+var check_in = document.getElementById("check_in_date").flatpickr({
+	altInput: true,
+	altFormat: "\\C\\h\\e\\c\\k \\i\\n\\: l, F j Y",
+	minDate: new Date()
+});
+var check_out = document.getElementById("check_out_date").flatpickr({
+	altInput: true,
+	altFormat: "\\C\\h\\e\\c\\k \\o\\u\\t: l, F j Y",
+	minDate: new Date()
+});
+check_in.config.onChange = dateObj => check_out.set("minDate", dateObj.fp_incr(1));
+check_out.config.onChange = dateObj => check_in.set("maxDate", dateObj.fp_incr(-1));
+</pre>
+
+
+			<p>
+				<input type='text' id="check_in_date" placeholder="Check-In Date">
+			</p>
+			<p>
+				<input type='text' id="check_out_date" placeholder="Check Out Date">
+			</p>
+		</div>
+
+		<div class="example" id=weeknumbers data-desc="Week numbers" >
+			<h3>Display week numbers</h3>
+
+			<pre class='prettyprint lang-html'>
+&lt;input type='text' class='flatpickr' data-week-numbers=true placeholder="Enabled week numbers"&gt;
+</pre>
+
+			<p>
+				<input type='text' class='flatpickr' data-week-numbers=true placeholder="Enabled week numbers">
+			</p>
+
+
+		</div>
+
+		<div class="example" id=fiscal-calendar data-desc="Fiscal Calendar" >
+			<h3>Fiscal Calendar</h3>
+			<p>
+				You may override the <code>getWeek()</code> function, used for calculating a week number, for various purposes.
+				A fiscal year is used for calculating yearly financial	statements.
+				In this example, we will use override the <code>getWeek()</code> function to display the fiscal term instead of the usual week numbers.
+			</p>
+			<pre class='prettyprint lang-html'>
+&lt;input type='text' id="fiscal" placeholder="Fiscal Calendar"&gt;
+</pre>
+			<pre class="prettyprint lang-js">
+Flatpickr.prototype.getWeek = function(givenDate){
+	var checkDate = new Date(givenDate.getTime());
+	checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
+	var time = checkDate.getTime();
+	checkDate.setMonth(7);
+	checkDate.setDate(28);
+	var week = (Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 2);
+	if (week < 1) {
+		week = 52 + week;
+	}
+	return 'FW'+week;
+}
+
+document.getElementById("fiscal").flatpickr({
+	weekNumbers: true
+});
+</pre>
+
+
+
+			<p>
+				<input type='text' id="fiscal" placeholder="Calendar w/ fiscal periods">
+			</p>
+
+
+		</div>
+
+
+		<div class="example" id=inline-calendar data-desc="Inline calendar" >
+			<h3>Inline or embedded calendar</h3>
+
+			<pre class='prettyprint lang-html'>
+&lt;input type='text' class='flatpickr' data-inline=true placeholder="Pick a date below"&gt;
+</pre>
+
+			<p>
+				<input type='text' class='flatpickr' type=text data-inline=true placeholder="Pick a date below">
+			</p>
+
+
+		</div>
+
+
+		<div class="example" data-desc="Customizing default options" id="prototype">
+			<h3>Customizing default options</h3>
+
+			<pre class='prettyprint lang-js'>
+// use your own arrow icons
+Flatpickr.defaultConfig.prevArrow = "&lt;i class='icon i-angle-left'&gt;&lt;/i&gt;";
+Flatpickr.defaultConfig.nextArrow = "&lt;i class='icon i-angle-right'&gt;&lt;/i&gt;";
+
+// change the first day of the week to Monday
+Flatpickr.l10n.firstDayOfWeek = 1;
+
+// then initialize your calendars
+....
+</pre>
+
+
+		</div>
+
+		<div class="example" id=options>
+		<h3 data-desc="Options">Options</h3>
+		<p>
+			<strong>Protip: </strong> <u>all</u> of the string/boolean config options can also be supplied using data attributes, e.g. data-min-date, data-default-date, data-date-format etc.
+		</p>
+
+		<table class=table>
+			<thead>
+				<tr>
+					<th>Config Option</th>
+					<th>Type</th>
+					<th>Default</th>
+					<th>Description</th>
+				</tr>
+			</thead>
+			<tbody>
+
+				<tr>
+					<td>altFormat</td>
+					<td>string</td>
+					<td>"F j, Y"</td>
+					<td>Exactly the same as date format, but for the altInput field</td>
+				</tr>
+
+				<tr>
+					<td>altInput</td>
+					<td>Boolean</td>
+					<td>false</td>
+					<td>Show the user a readable date (as per altFormat), but return something totally different to the server. </td>
+				</tr>
+
+				<tr>
+					<td>altInputClass</td>
+					<td>String</td>
+					<td>""</td>
+					<td>This class will be added to the input element created by the altInput option. Helpful if input elements are styled using classes. Bootstrap users will want to specify <code>form-control</code> here.</td>
+				</tr>
+				<tr>
+					<td>allowInput</td>
+					<td>boolean</td>
+					<td>false</td>
+					<td>Allows the user to enter a date directly input the input field. By default, direct entry is disabled.</td>
+				</tr>
+				<tr>
+					<td>clickOpens</td>
+					<td>boolean</td>
+					<td>true</td>
+					<td>Clicking on the input opens the date (time) picker. Disable this if you wish to open the calendar manually with <code>.open()</code></td>
+				</tr>
+
+				<tr>
+					<td>dateFormat</td>
+					<td>string</td>
+					<td>"Y-m-d"</td>
+					<td>A string of characters which are used to define how the date will be displayed in the input box. The supported characters are defined in the table below.</td>
+				</tr>
+
+				<tr>
+					<td>defaultDate</td>
+					<td>String/Date Object</td>
+					<td>null</td>
+					<td>Set the initial selected date. Same as preloading a date string into an input's value attribute, but can also handle a Date object. </td>
+				</tr>
+
+				<tr>
+					<td>disable</td>
+					<td>array</td>
+					<td>[]</td>
+					<td>Dates to disable, using intervals</td>
+				</tr>
+
+				<tr>
+					<td>enableTime</td>
+					<td>boolean</td>
+					<td>false</td>
+					<td>Enables time picker </td>
+				</tr>
+				<tr>
+					<td>enableSeconds</td>
+					<td>boolean</td>
+					<td>false</td>
+					<td>Enables seconds in the time picker.</td>
+				</tr>
+				<tr>
+					<td>noCalendar</td>
+					<td>boolean</td>
+					<td>false</td>
+					<td>Hides the calendar. For use along with enableTime.</td>
+				</tr>
+				<tr>
+					<td>hourIncrement</td>
+					<td>integer</td>
+					<td>1</td>
+					<td>Adjusts the step for the hour input (incl. scrolling) </td>
+				</tr>
+				<tr>
+					<td>minuteIncrement</td>
+					<td>integer</td>
+					<td>5</td>
+					<td>Adjusts the step for the minute input (incl. scrolling) </td>
+				</tr>
+				<tr>
+					<td>inline</td>
+					<td>boolean</td>
+					<td>false</td>
+					<td>Displays the calendar inline. See <a href="https://chmln.github.io/flatpickr/#inline-calendar">Inline or embedded calendar</a>.</td>
+				</tr>
+				<tr>
+					<td>static</td>
+					<td>boolean</td>
+					<td>false</td>
+					<td>Position the calendar inside the wrapper and next to the input element. (Leave <code>false</code> unless you know what you're doing.</td>
+				</tr>
+				<tr>
+					<td>wrap</td>
+					<td>Boolean</td>
+					<td>false</td>
+					<td>The wrapping element. See <a href="https://chmln.github.io/flatpickr/#strap">Custom elements and input groups</a>.</td>
+				</tr>
+
+				<tr>
+					<td>maxDate</td>
+					<td>String</td>
+					<td>null</td>
+					<td>The maximum date that a user can pick to, as a string.
+						<br>See <a target=_blank href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse">Date.parse()</a></td>
+				</tr>
+
+				<tr>
+					<td>minDate</td>
+					<td>String</td>
+					<td>null</td>
+					<td>The minimum date that a user can start picking from, as a string.
+						<br>See <a target=_blank href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse">Date.parse()</a></td>
+				</tr>
+				<tr>
+					<td>onChange</td>
+					<td>function(dateObject, dateString)</td>
+					<td>null</td>
+					<td>A function that gets triggered on every date selection </td>
+				</tr>
+				<tr>
+					<td>onOpen</td>
+					<td>function(dateObject, dateString)</td>
+					<td>null</td>
+					<td>A function that gets triggered on every time the calendar is opened.</td>
+				</tr>
+				<tr>
+					<td>onClose</td>
+					<td>function(dateObject, dateString)</td>
+					<td>null</td>
+					<td>A function that gets triggered on every time the calendar is closed.</td>
+				</tr>
+				<tr>
+					<td>parseDate</td>
+					<td>function</td>
+					<td>false</td>
+					<td>A function that expects a date string and must return a Date object</td>
+				</tr>
+				<tr>
+					<td>shorthandCurrentMonth</td>
+					<td>boolean</td>
+					<td>false</td>
+					<td>Show the month using the shorthand version (ie, Sep instead of September).</td>
+				</tr>
+				<tr>
+					<td>weekNumbers</td>
+					<td>boolean</td>
+					<td>false</td>
+					<td>Enables display of week numbers in calendar.</td>
+				</tr>
+				<tr>
+					<td>time_24hr</td>
+					<td>boolean</td>
+					<td>false</td>
+					<td>Displays time picker in 24 hour mode without AM/PM selection when enabled.</td>
+				</tr>
+				<tr>
+					<td>utc</td>
+					<td>boolean</td>
+					<td>false</td>
+					<td>When true, dates will parsed, formatted, and displayed in UTC. It's recommended that date strings contain the timezone, but not necessary.</td>
+				</tr>
+				<tr>
+					<td>prevArrow</td>
+					<td>string</td>
+					<td><code>&lt;</code></td>
+					<td>Code for the previous icon.</td>
+				</tr>
+				<tr>
+					<td>nextArrow</td>
+					<td>string</td>
+					<td><code>&gt;</code></td>
+					<td>Code for the next icon.</td>
+				</tr>
+			</tbody>
+		</table>
+		</div>
+
+		<div class="example" id=dateformat>
+		<h3>Date Format Characters</h3>
+
+		<input class="big" id="dateFormatComposer" placeholder="Enter symbols" type="text">
+		<span> → <span id="dateFormatOutput"></span></span>
+
+		<table class=table>
+			<thead>
+				<tr>
+					<th>Character</th>
+					<th>Description</th>
+					<th>Example</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>d</td>
+					<td>Day of the month, 2 digits with leading zeros</td>
+					<td>01 to 31</td>
+				</tr>
+				<tr>
+					<td>D</td>
+					<td>A textual representation of a day</td>
+					<td>Mon through Sun</td>
+				</tr>
+				<tr>
+					<td>l (lowercase 'L')</td>
+					<td>A full textual representation of the day of the week</td>
+					<td>Sunday through Saturday</td>
+				</tr>
+				<tr>
+					<td>j</td>
+					<td>Day of the month without leading zeros</td>
+					<td>1 to 31</td>
+				</tr>
+				<tr>
+					<td>J</td>
+					<td>Day of the month without leading zeros and ordinal suffix</td>
+					<td>1st, 2nd, to 31st</td>
+				</tr>
+				<tr>
+					<td>w</td>
+					<td>Numeric representation of the day of the week</td>
+					<td>0 (for Sunday) through 6 (for Saturday)</td>
+				</tr>
+				<tr>
+					<td>F</td>
+					<td>A full textual representation of a month</td>
+					<td>January through December</td>
+				</tr>
+				<tr>
+					<td>m</td>
+					<td>Numeric representation of a month, with leading zero</td>
+					<td>01 through 12</td>
+				</tr>
+				<tr>
+					<td>n</td>
+					<td>Numeric representation of a month, without leading zeros</td>
+					<td>1 through 12</td>
+				</tr>
+				<tr>
+					<td>M</td>
+					<td>A short textual representation of a month</td>
+					<td>Jan through Dec</td>
+				</tr>
+				<tr>
+					<td>U</td>
+					<td>The number of seconds since the Unix Epoch</td>
+					<td>1413704993</td>
+				</tr>
+				<tr>
+					<td>y</td>
+					<td>A two digit representation of a year</td>
+					<td>99 or 03</td>
+				</tr>
+				<tr>
+					<td>Y</td>
+					<td>A full numeric representation of a year, 4 digits</td>
+					<td>1999 or 2003</td>
+				</tr>
+			</tbody>
+		</table>
+		</div>
+		<div class="example" id=timeformat>
+		<h3>Time Format Characters</h3>
+
+		<table class=table>
+			<thead>
+				<tr>
+					<th>Character</th>
+					<th>Description</th>
+					<th>Example</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>H</td>
+					<td>Hours (24 hours)</td>
+					<td>00 to 23</td>
+				</tr>
+				<tr>
+					<td>h</td>
+					<td>Hours</td>
+					<td>1 to 12</td>
+				</tr>
+				<tr>
+					<td>i</td>
+					<td>Minutes</td>
+					<td>00 to 59</td>
+				</tr>
+				<tr>
+					<td>S</td>
+					<td>Seconds, 2 digits</td>
+					<td>00 to 59</td>
+				</tr>
+				<tr>
+					<td>s</td>
+					<td>Seconds</td>
+					<td>0, 1 to 59</td>
+				</tr>
+				<tr>
+					<td>K</td>
+					<td>AM/PM</td>
+					<td>AM or PM</td>
+				</tr>
+			</tbody>
+		</table>
+
+		<p>
+		<h3>Escaping date format characters</h3>
+		</p>
+		<p>To escape a character (if you need to use one of the reserved format characters above) use a double backslash: <code>\\</code></p>
+
+		<p>Example:</p>
+
+		<pre class='prettyprint'><code>dateFormat: '\\D\\a\\y \\p\\i\\c\\k\\e\\d: Y/m/d'
+</code></pre>
+
+		<p>To get something like:</p>
+
+		<p><strong>Day picked: 2013/02/12</strong></p>
+
+		<p>If you do not escape the characters you would end up with something like this instead:</p>
+
+		<p><strong>Tuea13 picke12: 2013/02/12</strong></p>
+
+		<p>Which is probably not what you want...</p>
+		<p><em>Note:</em> It's recommended that you escape all characters that you don't want accidentally converted to format characters in the future as others are added.</p>
+
+		</div>
+
+		<div class="example" id=local>
+
+		<h3 id="locale">Localization</h3>
+
+		<p>Flatpickr has been translated to <a href="https://github.com/chmln/flatpickr/tree/gh-pages/src" target="_blank">over 25 languages</a>.</p>
+
+		<p>Localization involves simply overriding objects below, contained in <code>Flatpickr.l10n</code>.</p>
+
+		<p>
+			<strong>Locale:</strong>
+			<select id=locales>
+				<option value="">English</option>
+			</select>
+		</p>
+
+		<p>
+			<input type='text' id=locale_calendar type="text" class="flatpickr" data-inline="true" data-min-date="today">
+		</p>
+
+		<table class=table>
+			<thead>
+				<tr>
+					<th>Property</th>
+					<th>Type</th>
+					<th>Default</th>
+					<th>Description</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>l10n.weekdays.shorthand</td>
+					<td>array</td>
+					<td>['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']</td>
+					<td>The shortened version of each weekday, starting with Sunday</td>
+				</tr>
+				<tr>
+					<td>l10n.weekdays.longhand</td>
+					<td>array</td>
+					<td>['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']</td>
+					<td>The long version of each weekday, starting with Sunday</td>
+				</tr>
+				<tr>
+					<td>l10n.months.shorthand</td>
+					<td>array</td>
+					<td>['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']</td>
+					<td>Shortened version of each month, starting with January</td>
+				</tr>
+				<tr>
+					<td>l10n.months.longhand</td>
+					<td>array</td>
+					<td>['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']</td>
+					<td>Long version of each month, starting with January</td>
+				</tr>
+				<tr>
+					<td>l10n.daysInMonth</td>
+					<td>array</td>
+					<td>[31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]</td>
+					<td>How many days in each month, starting with January</td>
+				</tr>
+				<tr>
+					<td>l10n.firstDayOfWeek</td>
+					<td>integer</td>
+					<td>0</td>
+					<td>Start the calendar on a different weekday (0 = Sunday, 1 = Monday, 2 = Tuesday, etc.)</td>
+				</tr>
+			</tbody>
+		</table>
+
+
+		<p><strong>Example:</strong> weekdays in French:
+
+			<pre class='prettyprint lang-js'><code>&lt;script&gt;
+	Flatpickr.l10n.weekdays.longhand = ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'];
+	document.getElementById('yourId').flatpickr();
+&lt;/script&gt;
+</code></pre>
+
+		</p>
+
+	</div>
+
+	</div>
+	</div>
+	<div class="c-r">
+
+		<div>
+
+			<h2>Table of Contents</h2>
+			<ol></ol>
+			<hr>
+			<strong>Theme:</strong>
+
+			<select id=themes>
+				<option value="">Default</option>
+			</select>
+
+		</div>
+
+	</div>
+	</div>
+
+	</body>
+</html>