Реагируйте на родные календари

Question

Описание

Я только что начал использовать этот компонент сегодня, но реализация, похоже, не работает так, как показывают демо / примеры / документы.

ОжидаетсяПоведение

Я ожидал, что дни с 2018-12-10 по 2018-12-15 будут заполнены зеленым цветом, включая дни между ними.

Наблюдаемое поведение

Реальность такова, что оба дня заполнены зеленым цветом, но ничего не происходит с промежуточными днями (они не связаны).

Окружающая среда

• "реактивный ":" 0.57.4 ",
• " реактивный ":" ^ 1.21.0 "
• Проверено на: Redmi Note 4 (Android 7.0)

Воспроизводимая демонстрация

Это код моего календаря:

<Calendar
     markedDates={{
                "2018-12-10": { startingDay: true, color: "green" },
                "2018-12-15": { endingDay: true, color: "green" }
        }}

       markingType='period'
  />

Answer 1

Это должно работать:

<Calendar markedDates={{
       "2018-12-10": { startingDay: true, color: "green" },
       "2018-12-11": { color: "green" },
       "2018-12-12": { color: "green" },
       "2018-12-13": { endingDay: true, color: "green" }
    }} 
    markingType={'period'}
/>

Answer 2

<Calendar
  // Collection of dates that have to be colored in a special way. Default = {}
   markedDates={
    {
     '2018-12-10': {startingDay: true, color: 'green'},
     '2018-12-15': {selected: true, endingDay: true, color: 'green', textColor: 'gray'}
    }}
  // Date marking style [simple/period/multi-dot/custom]. Default = 'simple'
  markingType={'period'}
/>

Answer 3

попробуйте это:

<Calendar
     markedDates={{
                '2018-12-10': { startingDay: true, color: 'green' },
                '2018-12-15': { endingDay: true, color: 'green' }
        }}

       markingType={'period'}
  />