Increase width of wheel-wrapper in iOS time-picker

Date and time pickers
1

Hi, the native iOS timepicker can be scrolled using the full width of the container, i’m looking to make this work with the mobiscroll component where currently only a small part (blue in picture below) is scrollable. To make it clear, here is an image:

Frame 346
Frame 346560×747 41.9 KB

In the docs there a few properties that look like they should do what i want, but they don’t seem to do anything. For example wheelWidth i tried:

<MbscDatepicker 
  :controls="['time']"
  :select="time"
  :timeFormat="'HH:mm'"
  :circular="true"   
  :stepMinute="5"  
  display="inline"
  :touchUi="true"
  theme="my-happy-brand"
  :wheelWidth="200"
  ref="startTime"     
  @init="mobiScrollInit"
  v-model="timePickerValue"
/>

Second thing i tried is setting the width and position of mbsc-scroller-wheel-wrapper element myself but this also doesn’t look ideal cause i have to do something like this:


  :global(.mbsc-scroller-wheel-wrapper) {
    min-width: 150px !important;
  }

And then the positioning is off a little so i’ll have to adjust that too. Feels hacky.

Anyone here know how i could/should do this?