Skip to content

Commit

Permalink
fix: date color issue in datepicker
Browse files Browse the repository at this point in the history
affects: @medly-components/core
  • Loading branch information
gmukul01 committed Jul 20, 2024
1 parent 1af44f0 commit b72ce6a
Show file tree
Hide file tree
Showing 3 changed files with 43 additions and 0 deletions.
1 change: 1 addition & 0 deletions packages/core/src/components/Calendar/Calendar.styled.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,7 @@ export const Date = styled('button').attrs({ type: 'button' })<DateProps>`
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: ${({ theme }) => theme.font.defaults.color};
&:focus {
outline: none;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -159,6 +159,7 @@ exports[`Calendar Component should render given date 1`] = `
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -202,6 +203,7 @@ exports[`Calendar Component should render given date 1`] = `
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -253,6 +255,7 @@ exports[`Calendar Component should render given date 1`] = `
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -1190,6 +1193,7 @@ exports[`Calendar Component should render properly with with error state 1`] = `
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -1233,6 +1237,7 @@ exports[`Calendar Component should render properly with with error state 1`] = `
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -1284,6 +1289,7 @@ exports[`Calendar Component should render properly with with error state 1`] = `
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -957,6 +957,7 @@ exports[`DatePicker component popover placement should render properly with "bot
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -1000,6 +1001,7 @@ exports[`DatePicker component popover placement should render properly with "bot
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -1051,6 +1053,7 @@ exports[`DatePicker component popover placement should render properly with "bot
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -1997,6 +2000,7 @@ exports[`DatePicker component popover placement should render properly with "bot
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -2040,6 +2044,7 @@ exports[`DatePicker component popover placement should render properly with "bot
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -2091,6 +2096,7 @@ exports[`DatePicker component popover placement should render properly with "bot
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -3034,6 +3040,7 @@ exports[`DatePicker component popover placement should render properly with "bot
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -3077,6 +3084,7 @@ exports[`DatePicker component popover placement should render properly with "bot
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -3128,6 +3136,7 @@ exports[`DatePicker component popover placement should render properly with "bot
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -4071,6 +4080,7 @@ exports[`DatePicker component popover placement should render properly with "lef
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -4114,6 +4124,7 @@ exports[`DatePicker component popover placement should render properly with "lef
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -4165,6 +4176,7 @@ exports[`DatePicker component popover placement should render properly with "lef
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -5110,6 +5122,7 @@ exports[`DatePicker component popover placement should render properly with "lef
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -5153,6 +5166,7 @@ exports[`DatePicker component popover placement should render properly with "lef
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -5204,6 +5218,7 @@ exports[`DatePicker component popover placement should render properly with "lef
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -6146,6 +6161,7 @@ exports[`DatePicker component popover placement should render properly with "lef
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -6189,6 +6205,7 @@ exports[`DatePicker component popover placement should render properly with "lef
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -6240,6 +6257,7 @@ exports[`DatePicker component popover placement should render properly with "lef
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -7182,6 +7200,7 @@ exports[`DatePicker component popover placement should render properly with "rig
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -7225,6 +7244,7 @@ exports[`DatePicker component popover placement should render properly with "rig
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -7276,6 +7296,7 @@ exports[`DatePicker component popover placement should render properly with "rig
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -8221,6 +8242,7 @@ exports[`DatePicker component popover placement should render properly with "rig
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -8264,6 +8286,7 @@ exports[`DatePicker component popover placement should render properly with "rig
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -8315,6 +8338,7 @@ exports[`DatePicker component popover placement should render properly with "rig
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -9257,6 +9281,7 @@ exports[`DatePicker component popover placement should render properly with "rig
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -9300,6 +9325,7 @@ exports[`DatePicker component popover placement should render properly with "rig
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -9351,6 +9377,7 @@ exports[`DatePicker component popover placement should render properly with "rig
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -10293,6 +10320,7 @@ exports[`DatePicker component popover placement should render properly with "top
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -10336,6 +10364,7 @@ exports[`DatePicker component popover placement should render properly with "top
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -10387,6 +10416,7 @@ exports[`DatePicker component popover placement should render properly with "top
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -11332,6 +11362,7 @@ exports[`DatePicker component popover placement should render properly with "top
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -11375,6 +11406,7 @@ exports[`DatePicker component popover placement should render properly with "top
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -11426,6 +11458,7 @@ exports[`DatePicker component popover placement should render properly with "top
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -12368,6 +12401,7 @@ exports[`DatePicker component popover placement should render properly with "top
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
color: #b0bcc8;
display: -webkit-inline-box;
display: -webkit-inline-flex;
Expand Down Expand Up @@ -12411,6 +12445,7 @@ exports[`DatePicker component popover placement should render properly with "top
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down Expand Up @@ -12462,6 +12497,7 @@ exports[`DatePicker component popover placement should render properly with "top
margin: 0.4rem;
box-sizing: border-box;
height: 3.2rem;
color: #13181D;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand Down

0 comments on commit b72ce6a

Please sign in to comment.