Calendar month

A calendar month component allows users to select and navigate between days, months, and years.

CSS variables

Expand or collapse column	Selector	Variable	Value
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month--BackgroundColor	(In light theme) #ffffff
--pf-v6-c-calendar-month--BackgroundColor --pf-t--global--background--color--primary--default --pf-t--global--background--color--100 --pf-t--color--white #ffffff
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month--PaddingBlockStart	1.5rem
--pf-v6-c-calendar-month--PaddingBlockStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month--PaddingInlineEnd	1.5rem
--pf-v6-c-calendar-month--PaddingInlineEnd --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month--PaddingBlockEnd	1rem
--pf-v6-c-calendar-month--PaddingBlockEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month--PaddingInlineStart	1.5rem
--pf-v6-c-calendar-month--PaddingInlineStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month--FontSize	0.875rem
--pf-v6-c-calendar-month--FontSize --pf-t--global--font--size--sm --pf-t--global--font--size--200 0.875rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__header--MarginBlockEnd	1rem
--pf-v6-c-calendar-month__header--MarginBlockEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__header--Gap	0.25rem
--pf-v6-c-calendar-month__header--Gap --pf-t--global--spacer--gap--control-to-control--default --pf-t--global--spacer--xs --pf-t--global--spacer--100 0.25rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__header-year--Width	9ch
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd	0
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart	0
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__days--BorderBlockEndWidth	1px
--pf-v6-c-calendar-month__days--BorderBlockEndWidth --pf-t--global--border--width--divider--default --pf-t--global--border--width--100 1px
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__days--BorderBlockEndColor	(In light theme) #e0e0e0
--pf-v6-c-calendar-month__days--BorderBlockEndColor --pf-t--global--border--color--default --pf-t--global--border--color--50 --pf-t--color--gray--20 #e0e0e0
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__day--PaddingBlockEnd	1rem
--pf-v6-c-calendar-month__day--PaddingBlockEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__day--FontWeight	400
--pf-v6-c-calendar-month__day--FontWeight --pf-t--global--font--weight--body--default --pf-t--global--font--weight--100 400
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__day--Color	(In light theme) #151515
--pf-v6-c-calendar-month__day--Color --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart	0.125rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd	0.125rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd	0.125rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart	0.125rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart	0.5rem
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor --pf-t--global--background--color--secondary--default --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor	(In light theme) #0066cc
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor --pf-t--global--color--brand--default --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor	(In light theme) #0066cc
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor --pf-t--global--color--brand--default --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor	(In light theme) #0066cc
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor --pf-t--global--color--brand--default --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor	(In light theme) #0066cc
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor --pf-t--global--border--color--brand--default --pf-t--global--color--brand--default --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color	(In light theme) #ffffff
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color --pf-t--global--text--color--on-brand--default --pf-t--global--text--color--inverse --pf-t--global--text--color--300 --pf-t--color--white #ffffff
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor	transparent
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart	0
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd	0
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd	0.125rem
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd --pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd 0.125rem
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart	0
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--after--BorderColor	(In light theme) rgb(255, 255, 255, 0.0000)
--pf-v6-c-calendar-month__dates-cell--after--BorderColor --pf-t--global--border--color--high-contrast rgb(255, 255, 255, 0.0000)
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth	0
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth	0
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor --pf-t--global--background--color--secondary--default --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart	50%
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd	50%
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor --pf-t--global--background--color--secondary--default --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth	1px
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth --pf-t--global--border--width--regular --pf-t--global--border--width--100 1px
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor	(In light theme) #4394e5
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor --pf-t--global--border--color--hover --pf-t--global--color--brand--100 --pf-t--color--blue--40 #4394e5
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor --pf-t--global--background--color--secondary--default --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth	0px
--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth	0px
--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color	(In light theme) #4d4d4d
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color --pf-t--global--text--color--subtle --pf-t--global--text--color--200 --pf-t--color--gray--60 #4d4d4d
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--Width	4ch
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--Height	4ch
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--BorderWidth	0
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--BorderColor	transparent
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--BorderRadius	24px
--pf-v6-c-calendar-month__date--BorderRadius --pf-t--global--border--radius--large --pf-t--global--border--radius--400 24px
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--Color	(In light theme) #151515
--pf-v6-c-calendar-month__date--Color --pf-t--global--text--color--regular --pf-t--global--text--color--100 --pf-t--color--gray--95 #151515
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--BackgroundColor	transparent
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--disabled--BackgroundColor	(In light theme) #c7c7c7
--pf-v6-c-calendar-month__date--disabled--BackgroundColor --pf-t--global--background--color--disabled--default --pf-t--global--color--disabled--100 --pf-t--color--gray--30 #c7c7c7
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--disabled--Color	(In light theme) #707070
--pf-v6-c-calendar-month__date--disabled--Color --pf-t--global--text--color--on-disabled --pf-t--global--color--disabled--300 --pf-t--color--gray--50 #707070
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--after--BorderWidth	0
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--after--BorderColor	transparent
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--after--OutlineOffset	0
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--hover--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-calendar-month__date--hover--BackgroundColor --pf-t--global--background--color--secondary--default --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--hover--BorderWidth	1px
--pf-v6-c-calendar-month__date--hover--BorderWidth --pf-t--global--border--width--regular --pf-t--global--border--width--100 1px
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--hover--BorderColor	(In light theme) #4394e5
--pf-v6-c-calendar-month__date--hover--BorderColor --pf-t--global--border--color--hover --pf-t--global--color--brand--100 --pf-t--color--blue--40 #4394e5
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--focus--Color	(In light theme) #ffffff
--pf-v6-c-calendar-month__date--focus--Color --pf-t--global--icon--color--on-brand--clicked --pf-t--global--icon--color--inverse --pf-t--global--icon--color--300 --pf-t--color--white #ffffff
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--focus--BackgroundColor	(In light theme) #0066cc
--pf-v6-c-calendar-month__date--focus--BackgroundColor --pf-t--global--color--brand--default --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--focus--after--BorderColor	(In light theme) #4394e5
--pf-v6-c-calendar-month__date--focus--after--BorderColor --pf-t--global--border--color--hover --pf-t--global--color--brand--100 --pf-t--color--blue--40 #4394e5
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--focus--after--BorderWidth	1px
--pf-v6-c-calendar-month__date--focus--after--BorderWidth --pf-t--global--border--width--regular --pf-t--global--border--width--100 1px
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__date--after--focus--OutlineOffset	-2px
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth	0px
--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor	(In light theme) rgb(255, 255, 255, 0.0000)
--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor --pf-t--global--border--color--high-contrast rgb(255, 255, 255, 0.0000)
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth	0px
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth --pf-t--global--border--width--high-contrast--strong 0px
	.pf-v6-c-calendar-month	--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor	transparent
	.pf-v6-c-calendar-month__dates-row:first-child	--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart	0.5rem
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart --pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-calendar-month__dates-cell	--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart	0.125rem
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart --pf-v6-c-calendar-month__dates-cell--PaddingBlockStart 0.125rem
	.pf-v6-c-calendar-month__dates-cell.pf-m-current	--pf-v6-c-calendar-month__date--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-calendar-month__date--BackgroundColor --pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor --pf-t--global--background--color--secondary--default --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2
	.pf-v6-c-calendar-month__dates-cell.pf-m-current	--pf-v6-c-calendar-month__date--BorderWidth	0px
--pf-v6-c-calendar-month__date--BorderWidth --pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-calendar-month__dates-cell.pf-m-current	--pf-v6-c-calendar-month__date--BorderColor	(In light theme) rgb(255, 255, 255, 0.0000)
--pf-v6-c-calendar-month__date--BorderColor --pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor --pf-t--global--border--color--high-contrast rgb(255, 255, 255, 0.0000)
	.pf-v6-c-calendar-month__dates-cell.pf-m-in-range	--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth	0px
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-calendar-month__dates-cell.pf-m-in-range	--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth	0px
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-calendar-month__dates-cell.pf-m-in-range	--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor --pf-t--global--background--color--secondary--default --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2
	.pf-v6-c-calendar-month__dates-cell.pf-m-in-range	--pf-v6-c-calendar-month__date--hover--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-calendar-month__date--hover--BackgroundColor --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor --pf-t--global--background--color--secondary--default --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2
	.pf-v6-c-calendar-month__dates-cell.pf-m-in-range	--pf-v6-c-calendar-month__date--hover--BorderWidth	1px
--pf-v6-c-calendar-month__date--hover--BorderWidth --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth --pf-t--global--border--width--regular --pf-t--global--border--width--100 1px
	.pf-v6-c-calendar-month__dates-cell.pf-m-in-range	--pf-v6-c-calendar-month__date--hover--BorderColor	(In light theme) #4394e5
--pf-v6-c-calendar-month__date--hover--BorderColor --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor --pf-t--global--border--color--hover --pf-t--global--color--brand--100 --pf-t--color--blue--40 #4394e5
	.pf-v6-c-calendar-month__dates-cell.pf-m-in-range	--pf-v6-c-calendar-month__date--focus--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-calendar-month__date--focus--BackgroundColor --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor --pf-t--global--background--color--secondary--default --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2
	.pf-v6-c-calendar-month__dates-cell.pf-m-start-range	--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart	50%
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart 50%
	.pf-v6-c-calendar-month__dates-cell.pf-m-end-range	--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd	50%
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd 50%
	.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month	--pf-v6-c-calendar-month__date--Color	(In light theme) #4d4d4d
--pf-v6-c-calendar-month__date--Color --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color --pf-t--global--text--color--subtle --pf-t--global--text--color--200 --pf-t--color--gray--60 #4d4d4d
	.pf-v6-c-calendar-month__dates-cell.pf-m-selected	--pf-v6-c-calendar-month__date--BackgroundColor	(In light theme) #0066cc
--pf-v6-c-calendar-month__date--BackgroundColor --pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor --pf-t--global--color--brand--default --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc
	.pf-v6-c-calendar-month__dates-cell.pf-m-selected	--pf-v6-c-calendar-month__date--Color	(In light theme) #ffffff
--pf-v6-c-calendar-month__date--Color --pf-v6-c-calendar-month__dates-cell--m-selected__date--Color --pf-t--global--text--color--on-brand--default --pf-t--global--text--color--inverse --pf-t--global--text--color--300 --pf-t--color--white #ffffff
	.pf-v6-c-calendar-month__dates-cell.pf-m-selected	--pf-v6-c-calendar-month__date--BorderWidth	0px
--pf-v6-c-calendar-month__date--BorderWidth --pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth --pf-t--global--border--width--high-contrast--strong 0px
	.pf-v6-c-calendar-month__dates-cell.pf-m-selected	--pf-v6-c-calendar-month__date--BorderColor	transparent
--pf-v6-c-calendar-month__date--BorderColor --pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor transparent
	.pf-v6-c-calendar-month__dates-cell.pf-m-selected	--pf-v6-c-calendar-month__date--hover--BackgroundColor	(In light theme) #0066cc
--pf-v6-c-calendar-month__date--hover--BackgroundColor --pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor --pf-t--global--color--brand--default --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc
	.pf-v6-c-calendar-month__dates-cell.pf-m-selected	--pf-v6-c-calendar-month__date--hover--BorderWidth	0px
--pf-v6-c-calendar-month__date--hover--BorderWidth --pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth --pf-t--global--border--width--high-contrast--strong 0px
	.pf-v6-c-calendar-month__dates-cell.pf-m-selected	--pf-v6-c-calendar-month__date--focus--BackgroundColor	(In light theme) #0066cc
--pf-v6-c-calendar-month__date--focus--BackgroundColor --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor --pf-t--global--color--brand--default --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc
	.pf-v6-c-calendar-month__dates-cell.pf-m-selected	--pf-v6-c-calendar-month__date--focus--after--BorderColor	(In light theme) #0066cc
--pf-v6-c-calendar-month__date--focus--after--BorderColor --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor --pf-t--global--border--color--brand--default --pf-t--global--color--brand--default --pf-t--global--color--brand--200 --pf-t--color--blue--50 #0066cc
	.pf-v6-c-calendar-month__dates-cell.pf-m-selected	--pf-v6-c-calendar-month__date--after--OutlineOffset	-2px
--pf-v6-c-calendar-month__date--after--OutlineOffset --pf-v6-c-calendar-month__date--after--focus--OutlineOffset -2px
	.pf-v6-c-calendar-month__dates-cell.pf-m-disabled	--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor	transparent
	.pf-v6-c-calendar-month__dates-cell.pf-m-disabled	--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth	0
	.pf-v6-c-calendar-month__dates-cell.pf-m-disabled	--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth	0
	.pf-v6-c-calendar-month__dates-cell.pf-m-disabled	--pf-v6-c-calendar-month__date--BackgroundColor	transparent
	.pf-v6-c-calendar-month__date:hover	--pf-v6-c-calendar-month__date--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-calendar-month__date--BackgroundColor --pf-v6-c-calendar-month__date--hover--BackgroundColor --pf-t--global--background--color--secondary--default --pf-t--global--background--color--200 --pf-t--color--gray--10 #f2f2f2
	.pf-v6-c-calendar-month__date:hover	--pf-v6-c-calendar-month__date--BorderWidth	1px
--pf-v6-c-calendar-month__date--BorderWidth --pf-v6-c-calendar-month__date--hover--BorderWidth --pf-t--global--border--width--regular --pf-t--global--border--width--100 1px
	.pf-v6-c-calendar-month__date:hover	--pf-v6-c-calendar-month__date--BorderColor	(In light theme) #4394e5
--pf-v6-c-calendar-month__date--BorderColor --pf-v6-c-calendar-month__date--hover--BorderColor --pf-t--global--border--color--hover --pf-t--global--color--brand--100 --pf-t--color--blue--40 #4394e5
	.pf-v6-c-calendar-month__date:focus	--pf-v6-c-calendar-month__date--after--BorderColor	(In light theme) #4394e5
--pf-v6-c-calendar-month__date--after--BorderColor --pf-v6-c-calendar-month__date--focus--after--BorderColor --pf-t--global--border--color--hover --pf-t--global--color--brand--100 --pf-t--color--blue--40 #4394e5
	.pf-v6-c-calendar-month__date:focus	--pf-v6-c-calendar-month__date--after--BorderWidth	1px
--pf-v6-c-calendar-month__date--after--BorderWidth --pf-v6-c-calendar-month__date--focus--after--BorderWidth --pf-t--global--border--width--regular --pf-t--global--border--width--100 1px
	.pf-v6-c-calendar-month__date:disabled	--pf-v6-c-calendar-month__date--BackgroundColor	(In light theme) #c7c7c7
--pf-v6-c-calendar-month__date--BackgroundColor --pf-v6-c-calendar-month__date--disabled--BackgroundColor --pf-t--global--background--color--disabled--default --pf-t--global--color--disabled--100 --pf-t--color--gray--30 #c7c7c7
	.pf-v6-c-calendar-month__date:disabled	--pf-v6-c-calendar-month__date--Color	(In light theme) #707070
--pf-v6-c-calendar-month__date--Color --pf-v6-c-calendar-month__date--disabled--Color --pf-t--global--text--color--on-disabled --pf-t--global--color--disabled--300 --pf-t--color--gray--50 #707070
	.pf-v6-c-calendar-month__date:disabled	--pf-v6-c-calendar-month__date--hover--focus--BorderColor	transparent