V6 ion-datetime - how to customize?

Ionic Framework Ionic Angular
1

I want to further customize ion-datetime to meet the needs of my client for a simple year-picker:

    <ion-datetime mode="md" value="1991" presentation="year" size="cover"></ion-datetime>

Couldn’t find a hint in documentation, but managed so far to adapt background and color with css variables.
Still need to adapt at least font-size, line-height, also maybe padding and border.
Not able to find any more css variables to do this. Also the relevant shadow-dom elements are not available as parts.

Any help is much appreciated :slight_smile:

2 Likes
2

We have encountered this need as well… due to the lack of shadow parts, it is nearly impossible to customize the look-and-feel of the new control.

Ionic Engineers, please help us.

1 Like
3

Check the solution -

4

Hey folks, sorry for the delay here. I’d open a feature request issue on github for this. This way we have a proper github issue for tracking.

1 Like
5

Did you get any update on this - I too am trying to style the buttons in the ion-datetime compnent.

6

Sorry LGAM, no update on this at the moment.

7

Hi, did you get any real solution? I know I’m late sorry but I kinda need it. Thanks in advance