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

Community Tip - Stay updated on what is happening on the PTC Community by subscribing to PTC Community Announcements. 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
13-Aquamarine
(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
13-Aquamarine
(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