@@ -253,7 +253,7 @@ export class Timepicker extends Component<TimepickerOptions> {
253
253
this . el . addEventListener ( 'keydown' , this . _handleInputKeydown ) ;
254
254
this . plate . addEventListener ( 'mousedown' , this . _handleClockClickStart ) ;
255
255
this . plate . addEventListener ( 'touchstart' , this . _handleClockClickStart ) ;
256
- this . digitalClock . addEventListener ( 'change ' , this . _inputFromTextField ) ;
256
+ this . digitalClock . addEventListener ( 'keyup ' , this . _inputFromTextField ) ;
257
257
this . inputHours . addEventListener ( 'focus' , ( ) => this . showView ( 'hours' ) ) ;
258
258
this . inputMinutes . addEventListener ( 'focus' , ( ) => this . showView ( 'minutes' ) ) ;
259
259
this . inputMinutes . addEventListener ( 'focusout' , ( ) => this . formatMinutes ( ) ) ;
@@ -568,7 +568,7 @@ export class Timepicker extends Component<TimepickerOptions> {
568
568
this . hours = + value [ 0 ] || 0 ;
569
569
this . minutes = + value [ 1 ] || 0 ;
570
570
this . inputHours . value = this . hours ;
571
- this . inputMinutes . value = this . minutes ;
571
+ this . inputMinutes . value = Timepicker . _addLeadingZero ( this . minutes ) ;
572
572
573
573
this . _updateAmPmView ( ) ;
574
574
}
@@ -819,9 +819,9 @@ export class Timepicker extends Component<TimepickerOptions> {
819
819
<div class="timepicker-digital-display">
820
820
<div class="timepicker-text-container">
821
821
<div class="timepicker-display-column">
822
- <input type="number " maxlength="2" autofocus class="timepicker-input-hours text-primary" min="1" max="12" />
822
+ <input type="text " maxlength="2" autofocus class="timepicker-input-hours text-primary" />
823
823
:
824
- <input type="number " maxlength="2" class="timepicker-input-minutes" min="0" max="59" />
824
+ <input type="text " maxlength="2" class="timepicker-input-minutes" />
825
825
</div>
826
826
<div class="timepicker-display-column timepicker-display-am-pm">
827
827
<div class="timepicker-span-am-pm"></div>
0 commit comments