{"/Templates/controls/date-picker.html":"<div class=\"form__item form__item--control datepicker datepicker--block\" data-bind=\"attr: { id: id }, css: css, event: { focusout: focusout }\">\r\n\t<button aria-haspopup=\"true\" class=\"button button--select btn btn-default\" data-bind=\"attr: { 'aria-expanded': expanded, 'aria-controls': viewId }, click: $data.toggle.bind($data), css: { 'button--invalid': invalid }, disable: disabledOrReadonly, event: { keydown: buttonKeydown }, hasFocus: buttonFocus\" type=\"button\">\r\n\t\t<span class=\"button__caption\" data-bind=\"text: displayValue\"></span>\r\n\t\t<span class=\"button__dropdown-arrow icon-btn icon-calendar\" role=\"presentation\"></span>\r\n\t\t<span class=\"button__dropdown-arrow icon-mini icon-dropdown\" role=\"presentation\"></span>\r\n\t</button>\r\n\r\n\t<span class=\"form__tag form__tag--datepicker\" data-bind=\"css: { 'form__tag--invalid': invalid }\" role=\"presentation\"></span>\r\n\r\n\t<!-- ko if: canReset -->\r\n\t\t<span class=\"input-group__item input-group__item--end input-group__item--button\">\r\n\t\t\t<button aria-label=\"Wissen\" class=\"button btn btn-toolbar\" data-bind=\"click: $data.clear, enable: resetEnabled\" title=\"Wissen\" type=\"button\">\r\n\t\t\t\t<span class=\"button__icon icon-btn icon-reset\" role=\"presentation\"></span>\r\n\t\t\t</button>\r\n\t\t</span>\r\n\t<!-- /ko -->\r\n\r\n\t<div class=\"datepicker__view\" data-bind=\"attr: { id: viewId }, event: { keydown: viewKeydown, focusout: viewFocusout }, template: { name: view().template, data: view(), afterRender: view().onAfterRender }\" tabindex=\"-1\"></div>\r\n</div>","/Templates/controls/numeric.html":"<div class=\"input-group numeric\">\r\n\t<input autocomplete=\"off\" class=\"input-group__item input-group__item--main form__control\" data-bind=\"attr: { id: id, min: min, max: max, step: step, placeholder: placeholder }, css: { 'form__control--invalid': invalid }, enable: enabled, event: { keypress: trySubmittingValue, blur: trySubmittingValue }, hasFocus: hasFocus, textInput: displayValue\" type=\"number\">\r\n\t<div class=\"form__tag\" role=\"presentation\"></div>\r\n\t<span aria-hidden class=\"input-group__item input-group__item--end input-group__item--button\">\r\n\t\t<button class=\"button btn btn-toolbar numeric__button numeric__button--up\" data-bind=\"enable: upEnabled\" tabindex=\"-1\" type=\"button\">\r\n\t\t\t<span class=\"button__icon icon-btn icon-chevron-up\" role=\"presentation\"></span>\r\n\t\t</button>\r\n\t</span>\r\n\t<span aria-hidden class=\"input-group__item input-group__item--end input-group__item--button\">\r\n\t\t<button class=\"button btn btn-toolbar numeric__button numeric__button--down\" data-bind=\"enable: downEnabled\" tabindex=\"-1\" type=\"button\">\r\n\t\t\t<span class=\"button__icon icon-btn icon-chevron-down\" role=\"presentation\"></span>\r\n\t\t</button>\r\n\t</span>\r\n</div>","/Templates/controls/pager.html":"<div class=\"pagination toolbar__item\" data-context-menu=\"prevent\" data-bind=\"visible: numberOfPages() > 1\">\r\n\t<button aria-label=\"Vorige pagina\" class=\"pagination__button button btn btn-toolbar\" data-bind=\"click: $data.previousPage.bind($data), disable: currentPage() == 0\" title=\"Vorige pagina\">\r\n\t\t<span class=\"button__icon icon-tiny icon-chevron-left\" role=\"presentation\"></span>\r\n\t\t<span class=\"button__caption\">Vorige</span>\r\n\t</button>\r\n\t<span class=\"pagination__dropdown button btn btn-toolbar\">\r\n\t\t<label class=\"sr-only\" data-bind=\"attr: { for: id }\">Pagina</label>\r\n\t\t<select class=\"pagination__select\" data-bind=\"attr: { id: id }, options: pages(), optionsText: function (i) { return i + 1; }, value: currentPage\"></select>\r\n\t\t<span class=\"pagination__text\"><span data-bind=\"text: currentPage() + 1\"></span> <span> / </span><span data-bind=\"text: numberOfPages()\"></span></span>\r\n\t</span>\r\n\t<button aria-label=\"Volgende pagina\" class=\"pagination__button button btn btn-toolbar\" data-bind=\"click: $data.nextPage.bind($data), disable: currentPage() == lastPage()\" title=\"Volgende pagina\">\r\n\t\t<span class=\"button__caption\">Volgende</span>\r\n\t\t<span class=\"button__icon icon-tiny icon-chevron-right\" role=\"presentation\"></span>\r\n\t</button>\r\n</div>","/Templates/controls/tab-list.html":"<div class=\"tablist tabs__tablist\" role=\"tablist\">\r\n\t<!-- ko foreach: visibleTabs -->\r\n\t<div class=\"tablist__item\" data-bind=\"attr: { id: id }\" role=\"presentation\">\r\n\t\t<!-- ko if: renderAsLink -->\r\n\t\t\t<a class=\"tab tablist__tab\" data-bind=\"attr: { href: url }, css: { 'tab--active': isActive, 'tab--state--error': isInvalid }, click: click\" role=\"tab\">\r\n\t\t\t\t<span class=\"tab__caption\" data-bind=\"text: caption\"></span>\r\n\t\t\t</a>\r\n\t\t<!-- /ko -->\r\n\t\t<!-- ko ifnot: renderAsLink -->\r\n\t\t\t<div class=\"tab tablist__tab\" data-bind=\"click: click, css: { 'tab--active': isActive, 'tab--state--error': isInvalid }\" role=\"tab\">\r\n\t\t\t\t<span class=\"tab__caption\" data-bind=\"text: caption\"></span>\r\n\t\t\t</div>\r\n\t\t<!-- /ko -->\r\n\t</div>\r\n\t<!-- /ko -->\r\n\t<!-- ko if: overflowVisible -->\r\n\t<div class=\"tablist__item tablist__item--button menu__container\" data-bind=\"attr: { id: overflowId }\" data-menu=\"show\" role=\"presentation\">\r\n\t\t<button aria-expanded=\"false\" aria-haspopup=\"true\" class=\"button btn btn-toolbar tablist__button\" data-bind=\"css: { 'button--active': overflowActive }\" data-menu=\"focus\" role=\"tab\">\r\n\t\t\t<span class=\"button__caption\">Meer</span>\r\n\t\t\t<span class=\"button__dropdown-arrow icon-btn icon-dropdown\"></span>\r\n\t\t</button>\r\n\t\t<div class=\"menu\" data-bind=\"foreach: overflowTabs\" data-menu=\"menu\">\r\n\t\t\t<!-- ko if: renderAsLink -->\r\n\t\t\t\t<a class=\"menu__item\" data-bind=\"attr: { href: url }, css: { 'menu__item--active': isActive, 'menu__item--state--error': isInvalid }\" role=\"menuitemradio\">\r\n\t\t\t\t\t<span class=\"menu__item-caption\" data-bind=\"text: caption\"></span>\r\n\t\t\t\t</a>\r\n\t\t\t<!-- /ko -->\r\n\t\t\t<!-- ko ifnot: renderAsLink -->\r\n\t\t\t\t<button class=\"menu__item\" data-bind=\"click: click, css: { 'menu__item--active': isActive, 'menu__item--state--error': isInvalid }\" role=\"menuitemradio\">\r\n\t\t\t\t\t<span class=\"menu__item-caption\" data-bind=\"text: caption\"></span>\r\n\t\t\t\t</button>\r\n\t\t\t<!-- /ko -->\r\n\t\t</div>\r\n\t</div>\r\n\t<!-- /ko -->\r\n</div>\r\n","/Templates/controls/upload.html":"<input data-bind=\"attr: { id: id }, event: { change: fileChanged }\" style=\"display: none; width: 0;\" type=\"file\"/>\r\n\r\n<!-- ko if: supports.upload -->\r\n<div class=\"upload\" data-bind=\"css: { 'upload--dragging': dragging, 'upload--dragdrop': supports.dragDrop, 'upload--uploading': uploading, 'upload--invalid': invalid }, event: { drag: drag, dragstart: dragstart, dragend: dragend, dragover: dragover, dragenter: dragenter, dragleave: dragleave, drop: drop }\">\r\n\t<!-- ko if: supports.dragDrop -->\r\n\t<div class=\"upload__label\">Selecteer of sleep een bestand hier heen om het te uploaden.</div>\r\n\t<!-- /ko -->\r\n\t<!-- ko ifnot: supports.dragDrop -->\r\n\t<div class=\"upload__label\">Selecteer een bestand om te uploaden.</div>\r\n\t<!-- /ko -->\r\n\r\n\t<div class=\"upload__file\">\r\n\t\t<span class=\"upload__icon icon-small icon-file\" data-bind=\"css: icon\"></span>\r\n\t\t<span class=\"upload__caption\" data-bind=\"text: caption\"></span>\r\n\r\n\t\t<button type=\"button\" class=\"button btn btn-toolbar upload__button\" data-bind=\"click: selectFile\">\r\n\t\t\t<span class=\"button__icon icon-btn icon-open\"></span>\r\n\t\t\t<span class=\"button__caption\">Bladeren...</span>\r\n\t\t</button>\r\n\t</div>\r\n\r\n\t<div class=\"spinwrapper\">\r\n\t<div role=\"alert\" class=\"sr-only\">Bezig met laden...</div>\r\n\t<div class=\"spinner \">\r\n\t\t<div class=\"bounce1\"></div>\r\n\t\t<div class=\"bounce2\"></div>\r\n\t\t<div class=\"bounce3\"></div>\r\n\t</div>\r\n</div>\r\n\r\n</div>\r\n<!-- /ko -->\r\n<!-- ko ifnot: supports.upload -->\r\n<div class=\"alert alert--danger\" role=\"alert\">\r\n\t<span class=\"alert__icon icon-btn icon-danger\" role=\"presentation\"></span>\r\n\t<span class=\"alert__content\">Bestanden uploaden wordt niet ondersteund door uw browser.</span>\r\n</div>\r\n<!-- /ko -->\r\n","/Templates/controls/file/file-browser.html":"<span class=\"input-group__item input-group__item--main\">\r\n\t<input class=\"form__control\" data-bind=\"css: { 'form__control--invalid': invalid }, value: displayValue\" readonly type=\"text\" />\r\n</span>\r\n<span class=\"form__tag\" data-bind=\"css: { 'form__tag--invalid': invalid }\"></span>\r\n<span class=\"input-group__item input-group__item--end input-group__item--button\">\r\n\t<button class=\"button btn btn-toolbar input-group__item\" data-bind=\"attr: { id: id }, click: browse\">\r\n\t\t<span class=\"button__icon icon-btn icon-browse\"></span>\r\n\t\t<span class=\"button__caption\">Bladeren...</span>\r\n\t</button>\r\n</span>\r\n","/Templates/controls/file/folder-browser.html":"<span class=\"input-group__item input-group__item--main\">\r\n\t<input class=\"form__control\" data-bind=\"css: { 'form__control--invalid': invalid }, value: displayValue\" readonly type=\"text\" />\r\n</span>\r\n<span class=\"form__tag\" data-bind=\"css: { 'form__tag--invalid': invalid }\"></span>\r\n<span class=\"input-group__item input-group__item--end input-group__item--button\">\r\n\t<button class=\"button btn btn-toolbar input-group__item\" data-bind=\"attr: { id: id }, click: browse\">\r\n\t\t<span class=\"button__icon icon-btn icon-browse\"></span>\r\n\t\t<span class=\"button__caption\">Bladeren...</span>\r\n\t</button>\r\n</span>\r\n","/Templates/controls/file/textblock-file-browser.html":"<span class=\"input-group__item input-group__item--main\">\r\n\t<input class=\"form__control\" data-bind=\"css: { 'form__control--invalid': invalid }, value: displayValue\" readonly type=\"text\" />\r\n</span>\r\n<span class=\"form__tag\" data-bind=\"css: { 'form__tag--invalid': invalid }\"></span>\r\n<span class=\"input-group__item input-group__item--end input-group__item--button\">\r\n\t<button class=\"button btn btn-toolbar input-group__item\" data-bind=\"attr: { id: id }, click: browse\">\r\n\t\t<span class=\"button__icon icon-btn icon-browse\"></span>\r\n\t\t<span class=\"button__caption\">Bladeren...</span>\r\n\t</button>\r\n</span>\r\n","/Templates/controls/file/dialog/browser.html":"<div class=\"dialog__body\">\r\n\t<div class=\"spinwrapper\">\r\n\t<div role=\"alert\" class=\"sr-only\">Bezig met laden...</div>\r\n\t<div class=\"spinner \">\r\n\t\t<div class=\"bounce1\"></div>\r\n\t\t<div class=\"bounce2\"></div>\r\n\t\t<div class=\"bounce3\"></div>\r\n\t</div>\r\n</div>\r\n\r\n\r\n\t<div class=\"transparent-on-loading\">\r\n\t\t<div class=\"form__row\">\r\n\t\t\t<label class=\"form__item form__label p--search-label\" for=\"search-form\">Zoeken:</label>\r\n\t\t\t<div class=\"form__item form__item--control input-group\">\r\n\t\t\t\t<div class=\"input-group__item input-group__item--start input-group__item--main\">\r\n\t\t\t\t\t<input autofocus class=\"form__control\" data-context-menu=\"browser\" data-bind=\"value: searchString, textInput: searchString, keydown: { enter: search }\" id=\"search-form\" type=\"search\">\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"input-group__item input-group__item--end input-group__item--button\">\r\n\t\t\t\t\t<button class=\"button btn btn-toolbar\" data-bind=\"click: clearSearch\" type=\"button\">\r\n\t\t\t\t\t\t<span class=\"button__icon icon-btn icon-reset\" role=\"presentation\"></span>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<!-- ko if: rootFolder -->\r\n\t\t<div class=\"tree\" data-bind=\"template: { name: 'controls/file/dialog/browser/folder', data: rootFolder }\"></div>\r\n\t\t<!-- /ko -->\r\n\t</div>\r\n</div>\r\n\r\n<div class=\"dialog__footer transparent-on-loading\">\r\n\t<button type=\"submit\" class=\"button btn btn-primary\" data-bind=\"click: $data.select, enable: valid\">\r\n\t\t<span class=\"button__icon icon-btn icon-select\"></span>\r\n\t\t<span class=\"button__caption\">Selecteren</span>\r\n\t</button>\r\n\t<button type=\"button\" class=\"button btn btn-default\" data-bind=\"click: dismiss.bind($data, 'cancel')\">\r\n\t\t<span class=\"button__icon icon-btn icon-cancel\"></span>\r\n\t\t<span class=\"button__caption\">Annuleren</span>\r\n\t</button>\r\n</div>","/Templates/controls/file/dialog/browser/file.html":"<button class=\"tree__node\" data-bind=\"attr: { title: caption }, css: { 'tree__node--selected': isSelected }, click: $data.click\">\r\n\t<span class=\"tree__node-icon icon-tiny\" data-bind=\"css: icon\" role=\"presentation\"></span>\r\n\t<span class=\"tree__node-caption\" data-bind=\"text: caption\"></span>\r\n</button>\r\n","/Templates/controls/file/dialog/browser/folder.html":"<button class=\"tree__node\" data-bind=\"attr: { title: caption }, css: { 'tree__node--selected': isSelected }, click: $data.click\">\r\n\t<span class=\"tree__node-icon icon-tiny\" data-bind=\"css: icon\" role=\"presentation\"></span>\r\n\t<span class=\"tree__node-caption\" data-bind=\"text: caption\"></span>\r\n</button>\r\n\r\n<div class=\"tree__subtree\" data-bind=\"visible: $data.isOpen() && $data.items.length\">\r\n\t<!-- ko foreach: $data.folders -->\r\n\t<!-- ko template: 'controls/file/dialog/browser/folder'  -->\r\n\t<!-- /ko -->\r\n\t<!-- /ko -->\r\n\r\n\t<!-- ko foreach: $data.files -->\r\n\t<!-- ko template: 'controls/file/dialog/browser/file'  -->\r\n\t<!-- /ko -->\r\n\t<!-- /ko -->\r\n</div>","/Templates/controls/date-picker/day.html":"<div class=\"form\">\r\n\t<div class=\"form__row\">\r\n\t\t<div class=\"form__item calendar calendar--weekdays\" data-bind=\"event: { keydown: dayKeydown }, hasFocus: dayFocus\" tabindex=\"0\">\r\n\t\t\t<!-- ko foreach: days -->\r\n\t\t\t\t<button type=\"button\" class=\"calendar__day\" data-bind=\"css: { 'calendar__day--selected': selected, 'calendar__day--focus': hasFocus }, click: $parent.select.bind($parent, index)\" tabindex=\"-1\">\r\n\t\t\t\t\t<span class=\"calendar__day-caption\" data-bind=\"text: caption\"></span>\r\n\t\t\t\t</button>\r\n\t\t\t<!-- /ko -->\r\n\t\t</div>\r\n\t</div>\r\n</div>","/Templates/controls/date-picker/month-day.html":"<div class=\"form\">\r\n\t<div class=\"form__row\">\r\n\t\t<div class=\"form__item datepicker__month\">\r\n\t\t\t<div class=\"input-group\">\r\n\t\t\t\t<button aria-label=\"Vorige maand\" class=\"button btn btn-toolbar input-group__item datepicker__previous-button\" data-bind=\"click: previousMonth\" title=\"Vorige maand\" type=\"button\" tabindex=\"-1\"><span class=\"button__icon icon-btn icon-previous-month\" role=\"presentation\"></span></button>\r\n\t\t\t\t<select class=\"input-group__item form__control\" data-bind=\"value: month, options: monthOptions, optionsText: 'caption', optionsValue: 'value', hasFocus: monthFocus, event: { keydown: monthKeydown }\" data-tag=\"before-calendar\"></select>\r\n\t\t\t\t<button aria-label=\"Vorige maand\" class=\"button btn btn-toolbar input-group__item datepicker__next-button\" data-bind=\"click: nextMonth\" data-tag=\"before-calendar\" title=\"Volgende maand\" type=\"button\" tabindex=\"-1\"><span class=\"button__icon icon-btn icon-next-month\" role=\"presentation\"></span></button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<hr />\r\n\r\n<div class=\"form\">\r\n\t<div class=\"form__row\">\r\n\t\t<div class=\"form__item calendar calendar--weekdays\" data-bind=\"event: { keydown: dayKeydown }, hasFocus: dayFocus\" tabindex=\"0\">\r\n\t\t\t<!-- ko foreach: days -->\r\n\t\t\t\t<button class=\"calendar__day\" data-bind=\"attr: { title: title }, css: { 'calendar__day--selected': selected, 'calendar__day--today': today, 'calendar__day--focus': hasFocus }, click: $parent.select.bind($parent, index)\" tabindex=\"-1\" type=\"button\">\r\n\t\t\t\t\t<span class=\"calendar__day-caption\" data-bind=\"text: caption\"></span>\r\n\t\t\t\t</button>\r\n\t\t\t<!-- /ko -->\r\n\t\t</div>\r\n\t</div>\r\n</div>","/Templates/controls/date-picker/month.html":"<div class=\"form\">\r\n\t<div class=\"form__row\">\r\n\t\t<div class=\"form__item calendar calendar--months\" data-bind=\"event: { keydown: monthKeydown }, hasFocus: monthFocus\" tabindex=\"0\">\r\n\t\t\t<!-- ko foreach: months -->\r\n\t\t\t\t<button type=\"button\" class=\"calendar__day\" data-bind=\"attr: { title: title }, css: { 'calendar__day--selected': selected, 'calendar__day--focus': hasFocus }, click: $parent.select.bind($parent, index)\" tabindex=\"-1\">\r\n\t\t\t\t\t<span class=\"calendar__day-caption\" data-bind=\"text: caption\"></span>\r\n\t\t\t\t</button>\r\n\t\t\t<!-- /ko -->\r\n\t\t</div>\r\n\t</div>\r\n</div>","/Templates/controls/date-picker/weekday.html":"<div class=\"form\">\r\n\t<div class=\"form__row\">\r\n\t\t<div class=\"form__item calendar calendar--weekdays\" data-bind=\"event: { keydown: weekdayKeydown }, hasFocus: weekdayFocus\" tabindex=\"0\">\r\n\t\t\t<!-- ko foreach: weekdays -->\r\n\t\t\t\t<button type=\"button\" class=\"calendar__day\" data-bind=\"attr: { title: title }, css: { 'calendar__day--selected': selected, 'calendar__day--focus': hasFocus }, click: $parent.select.bind($parent, index)\" tabindex=\"-1\">\r\n\t\t\t\t\t<span class=\"calendar__day-caption\" data-bind=\"text: caption\"></span>\r\n\t\t\t\t</button>\r\n\t\t\t<!-- /ko -->\r\n\t\t</div>\r\n\t</div>\r\n</div>","/Templates/controls/date-picker/year-month-day.html":"<div class=\"form\">\r\n\t<div class=\"form__row\">\r\n\t\t<div class=\"form__item datepicker__year\">\r\n\t\t\t<!-- ko module: { name: \"controls/numeric\", data: { value: year, min: 0, max: 9999, hasFocus: yearFocus, keyDown: yearKeyDown.bind($data) }, afterRender: 'onAfterRender' } --><!-- /ko -->\r\n\t\t</div>\r\n\t\t<div class=\"form__item datepicker__month\">\r\n\t\t\t<div class=\"input-group\">\r\n\t\t\t\t<button aria-label=\"Vorige maand\" class=\"button btn btn-toolbar input-group__item datepicker__previous-button\" data-bind=\"click: previousMonth, enable: previousMonthEnabled\" title=\"Vorige maand\" type=\"button\" tabindex=\"-1\" ><span class=\"button__icon icon-btn icon-previous-month\" role=\"presentation\"></span></button>\r\n\t\t\t\t<select class=\"input-group__item form__control\" data-bind=\"value: month, options: monthOptions, optionsText: 'caption', optionsValue: 'value', event: { keydown: monthKeydown }, hasFocus: monthFocus\" data-tag=\"before-calendar\"></select>\r\n\t\t\t\t<button aria-label=\"Volgende maand\" class=\"button btn btn-toolbar input-group__item datepicker__next-button\" data-tag=\"before-calendar\" data-bind=\"click: nextMonth, enable: nextMonthEnabled\" title=\"Volgende maand\" type=\"button\" tabindex=\"-1\"><span class=\"button__icon icon-btn icon-next-month\" role=\"presentation\"></span></button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<hr />\r\n\r\n<div class=\"form\">\r\n\t<div class=\"form__row\">\r\n\t\t<div class=\"form__item calendar calendar--days\" data-bind=\"event: { keydown: calendarKeydown }, hasFocus: calendarFocus\" tabindex=\"0\">\r\n\t\t\t<span></span>\r\n\t\t\t<!-- ko foreach: weekdays -->\r\n\t\t\t<div class=\"calendar__day-of-week\" data-bind=\"attr: { title: dayName }, text: shortestDayName\"></div>\r\n\t\t\t<!-- /ko -->\r\n\r\n\t\t\t<!-- ko foreach: lines -->\r\n\t\t\t\t<div class=\"calendar__week-number\" data-bind=\"text: weekNumber\"></div>\r\n\t\t\t\t<!-- ko foreach: days -->\r\n\t\t\t\t\t<button type=\"button\" class=\"calendar__day\" data-bind=\"attr: { title: caption }, css: { 'calendar__day--today': today, 'calendar__day--selected': selected, 'calendar__day--focus': hasFocus, 'calendar__day--other-month': otherMonth }, click: $parents[1].select.bind($parents[1], $data)\" tabindex=\"-1\">\r\n\t\t\t\t\t\t<span class=\"calendar__day-caption\" data-bind=\"text: day\"></span>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t<!-- /ko -->\r\n\t\t\t<!-- /ko -->\r\n\t\t</div>\r\n\t</div>\r\n</div>","/Templates/controls/date-picker/year-month.html":"<div class=\"form\">\r\n\t<div class=\"form__row\">\r\n\t\t<div class=\"form__item datepicker__year\">\r\n\t\t\t<!-- ko module: { name: \"controls/numeric\", data: { value: year, min: 0, max: 9999, hasFocus: yearFocus, keyDown: yearKeyDown.bind($data) }, afterRender: 'onAfterRender' } --><!-- /ko -->\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<hr />\r\n\r\n<div class=\"form\">\r\n\t<div class=\"form__row\">\r\n\t\t<div class=\"form__item calendar calendar--months\" data-bind=\"event: { keydown: monthKeydown }, hasFocus: monthFocus\" tabindex=\"0\">\r\n\t\t\t<!-- ko foreach: months -->\r\n\t\t\t\t<button type=\"button\" class=\"calendar__day\" data-bind=\"attr: { title: title }, css: { 'calendar__day--today': today, 'calendar__day--selected': selected, 'calendar__day--focus': hasFocus }, click: $parent.select.bind($parent, index)\" tabindex=\"-1\">\r\n\t\t\t\t\t<span class=\"calendar__day-caption\" data-bind=\"text: caption\"></span>\r\n\t\t\t\t</button>\r\n\t\t\t<!-- /ko -->\r\n\t\t</div>\r\n\t</div>\r\n</div>","/Templates/controls/date-picker/year.html":"<div class=\"form\">\r\n\t<div class=\"form__row\">\r\n\t\t<div class=\"form__item datepicker__decade\">\r\n\t\t\t<div class=\"input-group\">\r\n\t\t\t\t<button class=\"button btn btn-toolbar input-group__item datepicker__previous-button\" data-bind=\"click: previousDecade, enable: previousDecadeEnabled\" title=\"Vorig decennium\" type=\"button\"><span class=\"button__icon icon-btn icon-previous-decade\"></span></button>\r\n\t\t\t\t<button class=\"button btn btn-toolbar input-group__item datepicker__select-button\" disabled><span data-bind=\"text: decadeCaption\"></span></button>\r\n\t\t\t\t<button class=\"button btn btn-toolbar input-group__item datepicker__next-button\" data-bind=\"click: nextDecade, enable: nextDecadeEnabled\" title=\"Volgend decennium\" type=\"button\"><span class=\"button__icon icon-btn icon-next-decade\"></span></button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<hr />\r\n\r\n<div class=\"form\">\r\n\t<div class=\"form__row\">\r\n\t\t<div class=\"form__item calendar calendar--years\" data-bind=\"event: { keydown: yearKeydown }, hasFocus: yearFocus\" tabindex=\"0\">\r\n\t\t\t<!-- ko foreach: years -->\r\n\t\t\t\t<button type=\"button\" class=\"calendar__day\" data-bind=\"css: { 'calendar__day--today': today, 'calendar__day--selected': selected, 'calendar__day--focus': hasFocus }, click: $parent.select.bind($parent, index)\" tabindex=\"-1\">\r\n\t\t\t\t\t<span class=\"calendar__day-caption\" data-bind=\"text: caption\"></span>\r\n\t\t\t\t</button>\r\n\t\t\t<!-- /ko -->\r\n\t\t</div>\r\n\t</div>\r\n</div>"}