<div class="gh-date-time-picker">
    {{#power-datepicker
        selected=_date
        center=_date
        onSelect=(action "setDate" value="date")
        renderInPlace=true
        disabled=disabled as |dp|
    }}
        {{#dp.trigger tabindex="-1" data-test-date-time-picker-datepicker=true}}
            <div class="gh-date-time-picker-date {{if dateError "error"}}">
                <input type="text" readonly value={{moment-format _date "MM/DD/YYYY"}} disabled={{disabled}} data-test-date-time-picker-date-input>
                {{svg-jar "calendar"}}
            </div>
        {{/dp.trigger}}
        {{#dp.content class="dropdown-menu"}}
            {{dp.nav}}
            {{dp.days minDate=_minDate maxDate=_maxDate weekdayFormat="min"}}
        {{/dp.content}}
    {{/power-datepicker}}

    <div class="gh-date-time-picker-time {{if hasError "error"}}">
        <input
            type="text"
            value={{_time}}
            disabled={{disabled}}
            oninput={{action (mut _time) value="target.value"}}
            onblur={{action "setTime" _time}}
            data-test-date-time-picker-time-input
        >
        <small class="gh-date-time-picker-timezone">({{timezone}})</small>
    </div>
</div>
{{#if hasError}}
    <div class="gh-date-time-picker-error" data-test-date-time-picker-error>{{dateError}}{{timeError}}</div>
{{/if}}
