UNPKG

react-native-calendars-datepicker

Version:

Customizable date picker for React Native that supports Hijri calendar

44 lines 1.33 kB
import React, { useMemo } from 'react'; import { View } from 'react-native'; import { useCalendarContext } from '../calendar-context'; import Header from './header'; import Years from './years'; import Months from './months'; import Days from './days'; import TimePicker from './time-picker'; const CalendarView = { year: /*#__PURE__*/React.createElement(Years, null), month: /*#__PURE__*/React.createElement(Months, null), day: /*#__PURE__*/React.createElement(Days, null), time: /*#__PURE__*/React.createElement(TimePicker, null) }; const Calendar = () => { const { hideHeader, calendarView, style = {}, className = '', styles = {}, classNames = {}, containerHeight, navigationPosition, isRTL } = useCalendarContext(); const containerStyle = useMemo(() => ({ height: containerHeight }), [containerHeight]); return /*#__PURE__*/React.createElement(View, { style: style, className: className, testID: "calendar" }, !hideHeader ? /*#__PURE__*/React.createElement(Header, { navigationPosition: navigationPosition, styles: styles, classNames: classNames, isRTL: isRTL }) : null, /*#__PURE__*/React.createElement(View, { style: containerStyle }, CalendarView[calendarView])); }; export default Calendar; //# sourceMappingURL=calendar.js.map