On a physical device (iOS) the picker does not stop as expected at slow scroll speeds, it seems to have too much inertia. It is subtle but is different to the native iOS time picker. I am using ionic 4.1
e.g. if you try to set an alarm on an iOS device. It scrolls a little too long at low speeds and makes it more error-prone to pick the correct time.
Does anyone know of a way to change the behavior of this control to match the native one on iOS?
I know it is not good practice to change code in the node_modules folder, however, I found the variables I think I need to change here: \node_modules@ionic\core\dist\collection\components\picker-column\picker-column.js
const PICKER_OPT_SELECTED = 'picker-opt-selected';
const DECELERATION_FRICTION = 0.97
const MAX_PICKER_SPEED = 90;
const TRANSITION_DURATION = 150;
But changing them (or even commenting out the whole file) does not seem to do anything.
My code is similar to the following:
<ion-datetime
[(ngModel)]="start"
displayFormat="HH:mm"
minuteValues="0,15,30,45"
picker-format="HH:mm"
(ionChange)="onChangeStartTime($event)"
</ion-datetime>