Add tokens for month and year cells
parent
277e27eda4
commit
cd099999d4
|
@ -262,7 +262,7 @@ const theme = ({ dt }) => `
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: ${dt('datepicker.date.padding')};
|
padding: ${dt('datepicker.month.padding')};
|
||||||
transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}, outline-color ${dt(
|
transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}, outline-color ${dt(
|
||||||
'datepicker.transition.duration'
|
'datepicker.transition.duration'
|
||||||
)};
|
)};
|
||||||
|
@ -299,7 +299,7 @@ const theme = ({ dt }) => `
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: ${dt('datepicker.date.padding')};
|
padding: ${dt('datepicker.year.padding')};
|
||||||
transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}, outline-color ${dt(
|
transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}, outline-color ${dt(
|
||||||
'datepicker.transition.duration'
|
'datepicker.transition.duration'
|
||||||
)};
|
)};
|
||||||
|
|
|
@ -89,12 +89,14 @@ export default {
|
||||||
margin: '0.5rem 0 0 0'
|
margin: '0.5rem 0 0 0'
|
||||||
},
|
},
|
||||||
month: {
|
month: {
|
||||||
|
padding: '0.375rem',
|
||||||
borderRadius: '{content.border.radius}'
|
borderRadius: '{content.border.radius}'
|
||||||
},
|
},
|
||||||
yearView: {
|
yearView: {
|
||||||
margin: '0.5rem 0 0 0'
|
margin: '0.5rem 0 0 0'
|
||||||
},
|
},
|
||||||
year: {
|
year: {
|
||||||
|
padding: '0.375rem',
|
||||||
borderRadius: '{content.border.radius}'
|
borderRadius: '{content.border.radius}'
|
||||||
},
|
},
|
||||||
buttonbar: {
|
buttonbar: {
|
||||||
|
|
|
@ -87,12 +87,14 @@ export default {
|
||||||
margin: '0.75rem 0 0 0'
|
margin: '0.75rem 0 0 0'
|
||||||
},
|
},
|
||||||
month: {
|
month: {
|
||||||
|
padding: '0.5rem',
|
||||||
borderRadius: '{content.border.radius}'
|
borderRadius: '{content.border.radius}'
|
||||||
},
|
},
|
||||||
yearView: {
|
yearView: {
|
||||||
margin: '0.75rem 0 0 0'
|
margin: '0.75rem 0 0 0'
|
||||||
},
|
},
|
||||||
year: {
|
year: {
|
||||||
|
padding: '0.5rem',
|
||||||
borderRadius: '{content.border.radius}'
|
borderRadius: '{content.border.radius}'
|
||||||
},
|
},
|
||||||
buttonbar: {
|
buttonbar: {
|
||||||
|
|
|
@ -89,12 +89,14 @@ export default {
|
||||||
margin: '0.5rem 0 0 0'
|
margin: '0.5rem 0 0 0'
|
||||||
},
|
},
|
||||||
month: {
|
month: {
|
||||||
|
padding: '0.625rem',
|
||||||
borderRadius: '{content.border.radius}'
|
borderRadius: '{content.border.radius}'
|
||||||
},
|
},
|
||||||
yearView: {
|
yearView: {
|
||||||
margin: '0.5rem 0 0 0'
|
margin: '0.5rem 0 0 0'
|
||||||
},
|
},
|
||||||
year: {
|
year: {
|
||||||
|
padding: '0.625rem',
|
||||||
borderRadius: '{content.border.radius}'
|
borderRadius: '{content.border.radius}'
|
||||||
},
|
},
|
||||||
buttonbar: {
|
buttonbar: {
|
||||||
|
|
|
@ -91,12 +91,14 @@ export default {
|
||||||
margin: '0.5rem 0 0 0'
|
margin: '0.5rem 0 0 0'
|
||||||
},
|
},
|
||||||
month: {
|
month: {
|
||||||
|
padding: '0.375rem',
|
||||||
borderRadius: '{content.border.radius}'
|
borderRadius: '{content.border.radius}'
|
||||||
},
|
},
|
||||||
yearView: {
|
yearView: {
|
||||||
margin: '0.5rem 0 0 0'
|
margin: '0.5rem 0 0 0'
|
||||||
},
|
},
|
||||||
year: {
|
year: {
|
||||||
|
padding: '0.375rem',
|
||||||
borderRadius: '{content.border.radius}'
|
borderRadius: '{content.border.radius}'
|
||||||
},
|
},
|
||||||
buttonbar: {
|
buttonbar: {
|
||||||
|
|
Loading…
Reference in New Issue