{"__symbolic":"module","version":4,"metadata":{"DatepickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":6,"character":28},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":6,"character":41}],"declarations":[{"__symbolic":"reference","name":"DatepickerComponent"}],"exports":[{"__symbolic":"reference","name":"DatepickerComponent"}]}]}],"members":{}},"CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":5,"character":13},"useExisting":{"__symbolic":"reference","name":"DatepickerComponent"},"multi":true},"DatepickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sebng-datepicker","providers":[{"__symbolic":"reference","name":"CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR"}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":19},"member":"None"},"template":"<ng-container *ngIf=\"monthPicker; else datepicker\">\n    <ng-container *ngIf=\"!forceCustom && supportsInputOfType('month'); else dateFallback\">\n        <input\n            type=\"month\"\n            class=\"form-control seb-datepicker-native\"\n            [ngClass]=\"className\"\n            [class.is-invalid]=\"!isValidDate(value)\"\n            [attr.min]=\"getStringFromDate(min)\"\n            [attr.max]=\"getStringFromDate(max)\"\n            [(ngModel)]=\"inputRawValue\"\n            [disabled]=\"disabled\"\n        />\n    </ng-container>\n</ng-container>\n\n<ng-template #datepicker>\n    <ng-container *ngIf=\"!forceCustom && supportsInputOfType('date'); else dateFallback\">\n        <input\n            type=\"date\"\n            class=\"form-control seb-datepicker-native\"\n            [ngClass]=\"className\"\n            [class.is-invalid]=\"!isValidDate(value)\"\n            [attr.min]=\"getStringFromDate(min)\"\n            [attr.max]=\"getStringFromDate(max)\"\n            [(ngModel)]=\"inputRawValue\"\n            [disabled]=\"disabled\"\n        />\n    </ng-container>\n</ng-template>\n\n<ng-template #dateFallback>\n    <div class=\"input-group\" [ngClass]=\"className\">\n        <ng-container *ngFor=\"let unit of customPickerOrder; let unitIndex = index\">\n            <ng-container [ngSwitch]=\"unit\">\n                <ng-container *ngIf=\"!monthPicker\">\n                    <input\n                        *ngSwitchCase=\"'day'\"\n                        #dayInput\n                        [style.display]=\"monthPicker ? 'none' : 'inherit'\"\n                        [class.is-invalid]=\"!isValidDate(value)\"\n                        class=\"form-control\"\n                        type=\"number\"\n                        min=\"1\"\n                        max=\"31\"\n                        [placeholder]=\"unitNames.day\"\n                        [(ngModel)]=\"customDay\"\n                        [disabled]=\"disabled\"\n                    />\n                </ng-container>\n                <select\n                    *ngSwitchCase=\"'month'\"\n                    #monthInput\n                    class=\"custom-select\"\n                    [class.is-invalid]=\"!isValidDate(value)\"\n                    [class.rounded-left]=\"unitIndex === 0\"\n                    [class.rounded-right]=\"unitIndex === customPickerOrder.length - 1\"\n                    [(ngModel)]=\"customMonth\"\n                    [disabled]=\"disabled\"\n                >\n                    <option [disabled]=\"disabled || i === 0\" [value]=\"i\" *ngFor=\"let month of monthNames; let i = index\">\n                        {{ month }}\n                    </option>\n                </select>\n                <input\n                    *ngSwitchCase=\"'year'\"\n                    #yearInput\n                    [class.is-invalid]=\"!isValidDate(value)\"\n                    class=\"form-control\"\n                    type=\"number\"\n                    min=\"1\"\n                    [placeholder]=\"unitNames.year\"\n                    [(ngModel)]=\"customYear\"\n                    [disabled]=\"disabled\"\n                />\n            </ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n","styles":["::-webkit-calendar-picker-indicator{color:rgba(0,0,0,0);cursor:pointer;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2216px%22 width%3D%2216px%22 fill%3D%22%230092E1%22 viewBox%3D%220 0 448 512%22%3E%3Cpath d%3D%22M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z%22%2F%3E%3C%2Fsvg%3E\") no-repeat .25rem}input.seb-datepicker-native{padding-right:.5rem}::-webkit-outer-spin-button,::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group input[type=number]{-moz-appearance:textfield}.input-group .custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.is-invalid{border-bottom:#D81A1A 1.5px solid}\n"]}]}],"members":{"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"monthPicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"forceCustom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"localeCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":5},"arguments":["localeCode"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"getLocale":[{"__symbolic":"method"}],"getRelativeTimeFormat":[{"__symbolic":"method"}],"getStringFromDate":[{"__symbolic":"method"}],"trySaveDate":[{"__symbolic":"method"}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":5}}]}],"isDateInRange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"supportsInputOfType":[{"__symbolic":"method"}],"isValidDate":[{"__symbolic":"method"}]}}},"origins":{"DatepickerModule":"./datepicker.module","CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR":"./datepicker.component","DatepickerComponent":"./datepicker.component"},"importAs":"@sebgroup/ng-components/lib/datepicker"}