Disabled timepicker controls as well when calendar is disabled
parent
97ecbbcab6
commit
c7beb006b3
|
@ -80,12 +80,12 @@
|
||||||
<span>{{timeSeparator}}</span>
|
<span>{{timeSeparator}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-minute-picker">
|
<div class="p-minute-picker">
|
||||||
<button class="p-link" @mousedown="onTimePickerElementMouseDown($event, 1, 1)" @mouseup="onTimePickerElementMouseUp($event)" @keydown="onContainerButtonKeydown" v-ripple
|
<button class="p-link" @mousedown="onTimePickerElementMouseDown($event, 1, 1)" @mouseup="onTimePickerElementMouseUp($event)" @keydown="onContainerButtonKeydown" v-ripple :disabled="$attrs.disabled"
|
||||||
@mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 1, 1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
|
@mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 1, 1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
|
||||||
<span class="pi pi-chevron-up"></span>
|
<span class="pi pi-chevron-up"></span>
|
||||||
</button>
|
</button>
|
||||||
<span>{{formattedCurrentMinute}}</span>
|
<span>{{formattedCurrentMinute}}</span>
|
||||||
<button class="p-link" @mousedown="onTimePickerElementMouseDown($event, 1, -1)" @mouseup="onTimePickerElementMouseUp($event)" @keydown="onContainerButtonKeydown" v-ripple
|
<button class="p-link" @mousedown="onTimePickerElementMouseDown($event, 1, -1)" @mouseup="onTimePickerElementMouseUp($event)" @keydown="onContainerButtonKeydown" v-ripple :disabled="$attrs.disabled"
|
||||||
@mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 1, -1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
|
@mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 1, -1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
|
||||||
<span class="pi pi-chevron-down"></span>
|
<span class="pi pi-chevron-down"></span>
|
||||||
</button>
|
</button>
|
||||||
|
@ -94,12 +94,12 @@
|
||||||
<span>{{timeSeparator}}</span>
|
<span>{{timeSeparator}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-second-picker" v-if="showSeconds">
|
<div class="p-second-picker" v-if="showSeconds">
|
||||||
<button class="p-link" @mousedown="onTimePickerElementMouseDown($event, 2, 1)" @mouseup="onTimePickerElementMouseUp($event)" @keydown="onContainerButtonKeydown" v-ripple
|
<button class="p-link" @mousedown="onTimePickerElementMouseDown($event, 2, 1)" @mouseup="onTimePickerElementMouseUp($event)" @keydown="onContainerButtonKeydown" v-ripple :disabled="$attrs.disabled"
|
||||||
@mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 2, 1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
|
@mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 2, 1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
|
||||||
<span class="pi pi-chevron-up"></span>
|
<span class="pi pi-chevron-up"></span>
|
||||||
</button>
|
</button>
|
||||||
<span>{{formattedCurrentSecond}}</span>
|
<span>{{formattedCurrentSecond}}</span>
|
||||||
<button class="p-link" @mousedown="onTimePickerElementMouseDown($event, 2, -1)" @mouseup="onTimePickerElementMouseUp($event)" @keydown="onContainerButtonKeydown" v-ripple
|
<button class="p-link" @mousedown="onTimePickerElementMouseDown($event, 2, -1)" @mouseup="onTimePickerElementMouseUp($event)" @keydown="onContainerButtonKeydown" v-ripple :disabled="$attrs.disabled"
|
||||||
@mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 2, -1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
|
@mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 2, -1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
|
||||||
<span class="pi pi-chevron-down"></span>
|
<span class="pi pi-chevron-down"></span>
|
||||||
</button>
|
</button>
|
||||||
|
@ -108,11 +108,11 @@
|
||||||
<span>{{timeSeparator}}</span>
|
<span>{{timeSeparator}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-ampm-picker" v-if="hourFormat=='12'">
|
<div class="p-ampm-picker" v-if="hourFormat=='12'">
|
||||||
<button class="p-link" @click="toggleAMPM($event)" type="button" v-ripple>
|
<button class="p-link" @click="toggleAMPM($event)" type="button" v-ripple :disabled="$attrs.disabled">
|
||||||
<span class="pi pi-chevron-up"></span>
|
<span class="pi pi-chevron-up"></span>
|
||||||
</button>
|
</button>
|
||||||
<span>{{pm ? 'PM' : 'AM'}}</span>
|
<span>{{pm ? 'PM' : 'AM'}}</span>
|
||||||
<button class="p-link" @click="toggleAMPM($event)" type="button" v-ripple>
|
<button class="p-link" @click="toggleAMPM($event)" type="button" v-ripple :disabled="$attrs.disabled">
|
||||||
<span class="pi pi-chevron-down"></span>
|
<span class="pi pi-chevron-down"></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue