bug: Custom css in ion-datetime

[josuelmm]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v7.x

Current Behavior

Estoy intentando aplicar este diseño al datepicker

  .calendar-body{
    border: solid 1px #83989A !important;
    border-radius: 20px !important;
    padding: 10px 0px !important;
    background: white !important;
    margin-top: 35px !important;
    z-index: 2 !important;
  }
  .calendar-days-of-week {
    position: absolute !important;
      width: 100% !important;
      padding: 0px !important;
      z-index: 0 !important;
      background: #83989A !important;
      border-top-left-radius: 20px !important;
      border-top-right-radius: 20px !important;
      height: 40px !important;
      color:white !important;
      font-size: 10px !important;
      padding-top:7px !important;
  }

  .calendar-header{
    position: relative !important;
  }

Expected Behavior

It looks like this

When I should look like this

Steps to Reproduce

Just look at the images above

Code Reproduction URL

https://github.com/ionic-team/ionic-framework/issues/

Ionic Info

Ionic:

Ionic CLI : 7.1.5 (C:\Users\Josue_LMM\AppData\Roaming\npm\node_modules@ionic\cli)
Ionic Framework : @ionic/angular 7.5.6
@angular-devkit/build-angular : 16.2.10
@angular-devkit/schematics : 16.2.10
@angular/cli : 16.2.10
@ionic/angular-toolkit : 10.0.0

Capacitor:

Capacitor CLI : 5.5.1
@capacitor/android : 5.2.2
@capacitor/core : 5.5.1
@capacitor/ios : not installed

Utility:

cordova-res : 0.15.4
native-run : 1.7.4

System:

NodeJS : v21.7.3 (C:\Program Files\nodejs\node.exe)
npm : 10.5.0
OS : Windows 10

Additional Information

No response

[sean-perkins]

Hello @josuelmm, please use the Ionic Discord or Forums for support questions. The team uses Github issues for bug tracking and feature requests.

If you are able to identify a bug within Ionic Framework, please open a new issue with a reproduction and reproduction steps.

Thanks!