| 1 | import type { StyleProp, TextStyle, ViewStyle, ImageStyle } from 'react-native';
|
| 2 |
|
| 3 | /*
|
| 4 | * All "container" styles are currently implemented as View or TouchableOpacity components
|
| 5 | * All other styles are appended with their component type.
|
| 6 | * Ex: arrowImage is an Image component, titleText is a Text component
|
| 7 | */
|
| 8 |
|
| 9 | export interface Theme {
|
| 10 | calendarContainer: StyleProp<ViewStyle>; // Outermost container
|
| 11 | headerContainer: StyleProp<ViewStyle>; // Wraps arrows and title
|
| 12 | /*
|
| 13 | * ------- ARROW STYLES ----------
|
| 14 | * Different arrow states have different styles:
|
| 15 | * 1. normal arrow // applies to all calendars, all views
|
| 16 | * 2. disabled arrow // applies to all calendars, all views
|
| 17 | */
|
| 18 | normalArrowContainer: StyleProp<ViewStyle>;
|
| 19 | disabledArrowContainer: StyleProp<ViewStyle>;
|
| 20 | normalArrowImage: StyleProp<ImageStyle>;
|
| 21 | disabledArrowImage: StyleProp<ImageStyle>;
|
| 22 |
|
| 23 | titleContainer: StyleProp<ViewStyle>;
|
| 24 | titleText: StyleProp<TextStyle>;
|
| 25 | weekdaysContainer: StyleProp<ViewStyle>; // Wraps all the weekday names
|
| 26 | weekdayText: StyleProp<TextStyle>;
|
| 27 | daysContainer: StyleProp<ViewStyle>; // Wraps all the days of the month in MonthView
|
| 28 | monthsContainer: StyleProp<ViewStyle>; // Wraps all the months of the year in YearView
|
| 29 | /*
|
| 30 | * ------- MONTH STYLES ----------
|
| 31 | * Different month states have different styles:
|
| 32 | * 1. normal month // applies to all calendars, year view
|
| 33 | * 2. disabled month // applies to all calendars, year view
|
| 34 | * 3. selected month // applies to all calendars, year view
|
| 35 | */
|
| 36 | normalMonthContainer: StyleProp<ViewStyle>;
|
| 37 | disabledMonthContainer: StyleProp<ViewStyle>;
|
| 38 | selectedMonthContainer: StyleProp<ViewStyle>;
|
| 39 | normalMonthText: StyleProp<TextStyle>;
|
| 40 | disabledMonthText: StyleProp<TextStyle>;
|
| 41 | selectedMonthText: StyleProp<TextStyle>;
|
| 42 | /*
|
| 43 | * ------- DAY STYLES ----------
|
| 44 | * Different day states have different styles:
|
| 45 | * 1. normal day // applies to all calendars, month view
|
| 46 | * 2. disabled day // applies to all calendars, month view
|
| 47 | * 3. start of week day // applies to all calendars, month view
|
| 48 | * 4. end of week day // applies to all calendars, month view
|
| 49 | * 5. start of month day // applies to all calendars, month view
|
| 50 | * 6. end of month day // applies to all calendats, month view
|
| 51 | * 7. selected day // applies to date selection calendar, month view
|
| 52 | */
|
| 53 | normalDayContainer: StyleProp<ViewStyle>;
|
| 54 | disabledDayContainer: StyleProp<ViewStyle>;
|
| 55 | selectedDayContainer: StyleProp<ViewStyle>;
|
| 56 | extraDayContainer: StyleProp<ViewStyle>;
|
| 57 | startOfWeekDayContainer: StyleProp<ViewStyle>;
|
| 58 | endOfWeekDayContainer: StyleProp<ViewStyle>;
|
| 59 | startOfMonthDayContainer: StyleProp<ViewStyle>;
|
| 60 | endOfMonthDayContainer: StyleProp<ViewStyle>;
|
| 61 |
|
| 62 | normalDayText: StyleProp<TextStyle>;
|
| 63 | disabledDayText: StyleProp<TextStyle>;
|
| 64 | selectedDayText: StyleProp<TextStyle>;
|
| 65 | extraDayText: StyleProp<TextStyle>;
|
| 66 | startOfWeekDayText: StyleProp<TextStyle>;
|
| 67 | endOfWeekDayText: StyleProp<TextStyle>;
|
| 68 | startOfMonthDayText: StyleProp<TextStyle>;
|
| 69 | endOfMonthDayText: StyleProp<TextStyle>;
|
| 70 | }
|