[RAC] DatePicker with Custom Calendar does not working

[ChernYeeLow]

I'm creating a DatePicker component that consists of a Custom Calendar component (a Calendar with CalendarContext.Provider in the code). However, the value of the DatePicker fails to pass to the Custom Calendar component. When the user selects a date in the Calendar, the popover also does not close, and the value of the calendar does not pass back to the DatePicker component. Any idea what is missing?

>> DatePicker code
`<AriaDatePicker {...props}>

  <DateInput />

  <Popover>

    <AriaDialog className="outline-none">

      <Calendar />

    </AriaDialog>

  </Popover>

</AriaDatePicker>`

>> Calendar code
`

 <AriaCalendar
    {...props}
    ref={ref}
  >

    <CalendarHeader  />

    {currentView === "month" && (
      <MonthCalendarGrid   />
    )}

    {currentView === "year" && (
      <YearCalendarGrid />
    )}

    {currentView === "day" && (
      <AriaCalendarGrid>
        <CalendarGridHeader />
        <AriaCalendarGridBody>
          {(date) => (
            <AriaCalendarCell
              date={date}                
            />
          )}
        </AriaCalendarGridBody>
      </AriaCalendarGrid>
    )}

  </AriaCalendar>

</CalendarProvider>

`

CalendarProvider code
`<CalendarContext.Provider
value={{ value, onChange, focusedValue, onFocusChange }}
>

  {children}

</CalendarContext.Provider>

`