[{"__symbolic":"module","version":4,"metadata":{"DateInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"cut-date-input","template":"\n    <div class=\"form-date\">\n\n      <div class=\"form-group form-group-day\">\n        <label class=\"form-label\" [for]=\"dayId()\">Day</label>\n        <input #dayInput\n               class=\"form-control\"\n               [id]=\"dayId()\"\n               [name]=\"dayId()\"\n               type=\"number\"\n               [value]=\"displayDay\"\n               (change)=\"dayChange(dayInput.value)\"\n               (keyup)=\"dayChange(dayInput.value)\"\n               (blur)=\"inputBlur()\"\n               (focus)=\"inputFocus()\">\n      </div>\n\n      <div class=\"form-group form-group-month\">\n        <label class=\"form-label\" [for]=\"monthId()\">Month</label>\n        <input #monthInput\n               class=\"form-control\"\n               [id]=\"monthId()\"\n               [name]=\"monthId()\"\n               type=\"number\"\n               [value]=\"displayMonth\"\n               (change)=\"monthChange(monthInput.value)\"\n               (keyup)=\"monthChange(monthInput.value)\"\n               (blur)=\"inputBlur()\"\n               (focus)=\"inputFocus()\">\n      </div>\n\n      <div class=\"form-group form-group-year\">\n        <label class=\"form-label\" [for]=\"yearId()\">Year</label>\n        <input #yearInput\n               class=\"form-control\"\n               [id]=\"yearId()\"\n               [name]=\"yearId()\"\n               type=\"number\"\n               [value]=\"displayYear\"\n               (change)=\"yearChange(yearInput.value)\"\n               (keyup)=\"yearChange(yearInput.value)\"\n               (blur)=\"inputBlur()\"\n               (focus)=\"inputFocus()\">\n      </div>\n\n      <div class=\"form-group\" *ngIf=\"withDatePicker\">\n        <button (click)=\"showDatePicker()\" aria-label=\"Choose date\" type=\"button\" class=\"duet-date__toggle-button button button-secondary\">\n          <svg aria-hidden=\"true\" height=\"24\" viewBox=\"0 0 21 21\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(2 2)\"><path d=\"m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"m.5 4.5h16\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><g fill=\"currentColor\"><circle cx=\"8.5\" cy=\"8.5\" r=\"1\"></circle><circle cx=\"4.5\" cy=\"8.5\" r=\"1\"></circle><circle cx=\"12.5\" cy=\"8.5\" r=\"1\"></circle><circle cx=\"8.5\" cy=\"12.5\" r=\"1\"></circle><circle cx=\"4.5\" cy=\"12.5\" r=\"1\"></circle><circle cx=\"12.5\" cy=\"12.5\" r=\"1\"></circle></g></g>\n          </svg>\n        </button>\n        <duet-date-picker #datepicker [identifier]=\"datePickerId()\" [value]=\"isoDateNoTime()\"></duet-date-picker>\n      </div>\n\n      <div class=\"form-group form-group-hour\" *ngIf=\"isDateTime\">\n        <label class=\"form-label\" [for]=\"hourId()\">Hour</label>\n        <input #hourInput\n               class=\"form-control\"\n               [id]=\"hourId()\"\n               [name]=\"hourId()\"\n               type=\"number\"\n               [value]=\"displayHour\"\n               (change)=\"hourChange(hourInput.value)\"\n               (keyup)=\"hourChange(hourInput.value)\"\n               (blur)=\"inputBlur()\"\n               (focus)=\"inputFocus()\">\n      </div>\n\n      <div class=\"form-group form-group-minute\" *ngIf=\"isDateTime\">\n        <label class=\"form-label\" [for]=\"minuteId()\">Minute</label>\n        <input #minuteInput\n               class=\"form-control\"\n               [id]=\"minuteId()\"\n               [name]=\"minuteId()\"\n               type=\"number\"\n               [value]=\"displayMinute\"\n               (change)=\"minuteChange(minuteInput.value)\"\n               (keyup)=\"minuteChange(minuteInput.value)\"\n               (blur)=\"inputBlur()\"\n               (focus)=\"inputFocus()\">\n      </div>\n\n      <div class=\"form-group form-group-second\" *ngIf=\"isDateTime\">\n        <label class=\"form-label\" [for]=\"secondId()\">Second</label>\n        <input #secondInput\n               class=\"form-control\"\n               [id]=\"secondId()\"\n               [name]=\"secondId()\"\n               type=\"number\"\n               [value]=\"displaySecond\"\n               (change)=\"secondChange(secondInput.value)\"\n               (keyup)=\"secondChange(secondInput.value)\"\n               (blur)=\"inputBlur()\"\n               (focus)=\"inputFocus()\">\n      </div>\n\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":106,"character":15},"useExisting":{"__symbolic":"reference","name":"DateInputComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":111,"character":15},"useExisting":{"__symbolic":"reference","name":"DateInputComponent"},"multi":true}]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"mandatory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"isDateTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"withDatePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"datePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":133,"character":3},"arguments":["datepicker"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"dayChange":[{"__symbolic":"method"}],"monthChange":[{"__symbolic":"method"}],"yearChange":[{"__symbolic":"method"}],"hourChange":[{"__symbolic":"method"}],"minuteChange":[{"__symbolic":"method"}],"secondChange":[{"__symbolic":"method"}],"inputFocus":[{"__symbolic":"method"}],"inputBlur":[{"__symbolic":"method"}],"touch":[{"__symbolic":"method"}],"dayId":[{"__symbolic":"method"}],"monthId":[{"__symbolic":"method"}],"yearId":[{"__symbolic":"method"}],"hourId":[{"__symbolic":"method"}],"minuteId":[{"__symbolic":"method"}],"secondId":[{"__symbolic":"method"}],"datePickerId":[{"__symbolic":"method"}],"showDatePicker":[{"__symbolic":"method"}],"isoDateNoTime":[{"__symbolic":"method"}],"viewValue":[{"__symbolic":"method"}],"isDateFormat":[{"__symbolic":"method"}],"pad":[{"__symbolic":"method"}],"getValueForValidation":[{"__symbolic":"method"}],"removeMilliseconds":[{"__symbolic":"method"}]}}}}]