39 lines
1.5 KiB
Handlebars
39 lines
1.5 KiB
Handlebars
|
|
||
|
|
<div class="gh-date-picker">
|
||
|
|
<PowerDatepicker
|
||
|
|
@selected={{@value}}
|
||
|
|
@center={{@value}}
|
||
|
|
@onSelect={{this.onDateSelected}}
|
||
|
|
@renderInPlace={{true}}
|
||
|
|
@disabled={{@disabled}}
|
||
|
|
as |dp|
|
||
|
|
>
|
||
|
|
<dp.Trigger @tabindex="-1" data-test-date-picker-trigger ...attributes>
|
||
|
|
<div class="{{if this.error "error"}}">
|
||
|
|
{{!-- template-lint-disable no-down-event-binding --}}
|
||
|
|
<input
|
||
|
|
type="text"
|
||
|
|
placeholder={{this.dateFormat}}
|
||
|
|
value={{moment-format @value this.dateFormat}}
|
||
|
|
disabled={{@disabled}}
|
||
|
|
aria-label="Selected date"
|
||
|
|
class="gh-input gh-datepicker-input"
|
||
|
|
{{on "input" (fn this.onDateInput dp)}}
|
||
|
|
{{on "blur" this.onDateBlur}}
|
||
|
|
{{on "keydown" (fn this.onDateKeydown dp)}}
|
||
|
|
{{did-update this.resetInputValue @value}}
|
||
|
|
data-test-date-picker-input
|
||
|
|
/>
|
||
|
|
{{svg-jar "calendar" class="gh-date-picker-cal-icon"}}
|
||
|
|
</div>
|
||
|
|
</dp.Trigger>
|
||
|
|
<dp.Content class="dropdown-menu">
|
||
|
|
<dp.Nav />
|
||
|
|
<dp.Days @minDate={{this.minDate}} @maxDate={{this.maxDate}} @weekdayFormat="min" />
|
||
|
|
</dp.Content>
|
||
|
|
</PowerDatepicker>
|
||
|
|
|
||
|
|
{{#if this.error}}
|
||
|
|
<div class="gh-date-time-picker-error" data-test-date-picker-error>{{this.error}}</div>
|
||
|
|
{{/if}}
|
||
|
|
</div>
|