Improve custom components examples

[gpbl]

    In my use case, I insert markings in specific days that contain additional data. Think of it as bookings or events in a calendar. It could be as simple as colored shapes, or icons, or marking the whole day container with a border. Something along these lines perhaps?

Originally posted by @amivag in #1672 (reply in thread)

[Anj1nST]

Have the same problem - with documentation I can't get how to change the root component (className '.rdp). It's so unclear. I just want to change background and place it in the end of the container. I've tried to apply my classNames, to use modifiers, but I don't understand what modifier shoud I use

[GregorGabric]

<DayPicker
// this affects the parent class
className={clsx('date-picker-wrapper')}
// these are the modifiers
modifiersClassNames={
selected: 'date-picker-wrapper__selected',
today: 'date-picker-wrapper__today',
disabled: 'date-picker-wrapper__disabled',
}
showOutsideDays
/>