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

Community Tip - Learn all about the Community Ranking System, a fun gamification element of the PTC Community. 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

1 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

Top Tags