[ Issue with solution ] in Date-Picker selection type Range demo code

[PratikVR]

The issue :

Note that there should be name of 2 months but it's a single month

The solution :

Replace

this

// rest of the code 
<DatePickerContext>
               {(api) => {
                 const offset = createMemo(() => api().getOffset({ months: 1 }))
                 return (
                   <>
                     <DatePickerViewControl>
                       <DatePickerPrevTrigger />
                       <DatePickerViewTrigger>
                         <DatePickerRangeText />
                       </DatePickerViewTrigger>
                       <DatePickerNextTrigger />
                     </DatePickerViewControl> 
                     // rest of the code 

with this

// rest of the code 
<DatePickerContext>
                {(api) => {
                  const offset = createMemo(() => api().getOffset({ months: 1 }))
                  return (
                    <>
                      <DatePickerViewControl>
                       <DatePickerPrevTrigger />
                        <div class="w-full font-medium text-center text-sm">{api().visibleRangeText.start}</div>
                        <div class="w-full font-medium text-center text-sm" >{api().visibleRangeText.end}</div>
                        <DatePickerNextTrigger />
                      </DatePickerViewControl>
                       // rest of the code 

[PratikVR]

any questions ?