React Native компоненты: список и календари

2 комонента на React Native.

1. Список "колесо"

--------------------------

Ноябрь

Декабрь

Январь

Февраль

Март

--------------------------

Props:

• items: string[] | {value,label}[]
  ["Январь", ..., "Декабрь"] | [{value: "0" label: "Январь"}, ..., {value: "11" label: "Декабрь"}]
• loop: boolean
• strings: number – всегда приводится к нечётному числу (например, 4 → 5), чтобы выбранная строка находилась посередине
• selected: string | value
• disable: string[] | value[] – Я могу ссылаться на элементы либо по метке, либо по значению, поэтому оба варианта должны работать.

Events: 

• onChange отдает выбранный string | value

Без 3d эффекта, плоский. С инерцией, если свайпнул. Хороший пример - выбор времени на будильнике в Андроиде.

Дизайн, конечно, настраиваемый. Изменение шрифтов, отступов и т.д. не должно ломать комопнент

2. Два календаря, построенные на основе этого колеса

1. Обычный календарь, который вводит/выводит даты в формате «дд-мм-гггг».

2. Еврейский календарь с идентичным внешним интерфейсом «дд-мм-гггг», но внутри использующий еврейскую систему дат. Чтобы узнать количество дней в месяце в году, используйте библиотеку «hebcal».

Что ожидаю получить

• Повторно используемые, хорошо типизированные компоненты React Native (предпочтительно TypeScript)

• Чистый, прокомментированный исходный код без внешних нативных модулей, кроме стандартных библиотек React Native и библиотек даты от сообщества (например, moment-hijri, date-fns и подобных)

• Быстрый демонстрационный экран, демонстрирующий колесо отдельно и каждый календарь в действии

• Базовый файл README с описанием свойств, ожидаемых форматов и примером импорта

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

Вот примеры внешнего вида: