Skip to main content
JANAKIRAMAN_P1-Visitor
1-Visitor
June 3, 2022
Solved

Customizing date picker

Hey Guys,

 

Can anyone tell me how to apply custom css to date picker widget to change the background color of the buttons inside the date container(Done & Today).

 

Please refer the attachment. I wanted to change the default color to red .

 

JANAKIRAMAN_P_0-1654260495445.png

 

 

 

 

Thanks,

Jan

abjainAnswer
15-Moonstone
June 4, 2022

@JANAKIRAMAN_P : Please find attached entity for this . Basically you will have to inspect in chrome developer tools and find the element where CSS need to be applied. I have used the following CSS in the attached entity.

ptcs-datepicker-calendar::part(day){
color: red ;
}

View in thread

2 replies

abjain15-MoonstoneAnswer
15-Moonstone
June 4, 2022

@JANAKIRAMAN_P : Please find attached entity for this . Basically you will have to inspect in chrome developer tools and find the element where CSS need to be applied. I have used the following CSS in the attached entity.

ptcs-datepicker-calendar::part(day){
color: red ;
}

Translate
    JANAKIRAMAN_P1-VisitorAuthor
    1-Visitor
    June 5, 2022

    Hi @abjain ,

     

    Thanks for your response, this helps.

     

    --

    Jan

    Translate
    Terms & ConditionsAccessibility statement