2

I am trying to adjust the size of the time columns/buttons in the new IONIC 6 timepicker:

enter image description here

The generated HTML/css is as follows:

enter image description here

It should be as simple as setting the min-width property on the ion-picker-column-internal, or by setting the width of the picker-item class, however, none of my styles are being applied.

Ex.

ion-picker-column-internal {
  min-width: 50px !important;
}

Any ideas?

De Wet van As
  • 904
  • 8
  • 27
  • You can't, those parts are in the shadow dom. and the docs don't provide anyway to add custom css. https://ionicframework.com/docs/api/datetime#css-shadow-parts – StackoverBlows Feb 13 '23 at 14:48

0 Answers0