cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Need help navigating or using the PTC Community? Contact the community team. X

Customizing date picker

JANAKIRAMAN_P
4-Participant

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

ACCEPTED SOLUTION

Accepted Solutions
abjain
15-Moonstone
(To:JANAKIRAMAN_P)

@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 solution in original post

2 REPLIES 2
abjain
15-Moonstone
(To:JANAKIRAMAN_P)

@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 ;
}

JANAKIRAMAN_P
4-Participant
(To:abjain)

Hi @abjain ,

 

Thanks for your response, this helps.

 

--

Jan

Announcements


Top Tags