// Datepicker template

{{#basic-dropdown
    renderInPlace=false
    matchTriggerWidth=false
    as |dropdown|}}
    <input type="text"
      data-ebd-id="{{dropdown.uniqueId}}-trigger"
      placeholder="Date range"
      class="fw-datepicker"
      onclick={{dropdown.actions.toggle}}
      value={{formattedRange}}
      readonly>

    {{#dropdown.content class="fw-datepicker-block"}}
      {{#power-calendar-range
        center=endDate
        onCenterChange=(action (mut endDate) value="date")
        selected=range
        onSelect=(action (mut range) value="date") as |calendar|}}
        {{calendar.nav}}
        {{calendar.days}}
      {{/power-calendar-range}}
    {{/dropdown.content}}
  {{/basic-dropdown}}