react-native-paper-dates 0.24.0 → 0.24.2

package/lib/module/Date/DatePickerModalContent.js

@@ -8,6 +8,9 @@ import CalendarEdit from './CalendarEdit';
 import DatePickerModalHeaderBackground from './DatePickerModalHeaderBackground';
 import DatePickerModalStatusBar from './DatePickerModalStatusBar';
 import { memo, useCallback, useEffect, useState } from 'react';
+import { Platform, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { sharedStyles } from '../shared/styles';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export function DatePickerModalContent(props) {
   const {
@@ -27,10 +30,13 @@ export function DatePickerModalContent(props) {
     startWeekOnMonday,
     dayContent,
     dayContentPosition,
-    dayContentStyle
+    dayContentStyle,
+    initialLayout,
+    onCalendarLayout
   } = props;
   const anyProps = props;
   const defaultUppercase = false;
+  const insets = useSafeAreaInsets();
 
   // use local state to add only onConfirm state changes
   const [state, setState] = useState({
@@ -79,8 +85,25 @@ export function DatePickerModalContent(props) {
   const onToggleCollapse = useCallback(() => {
     setCollapsed(prev => !prev);
   }, [setCollapsed]);
+
+  // The calendar fills this view inside the inset padding. Not on web, where
+  // the range calendar's header sits above the part that sizes itself.
+  const onCalendarContainerLayout = useCallback(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    const calendarWidth = width - insets.left - insets.right;
+    if (onCalendarLayout && calendarWidth > 0 && height > 0) {
+      onCalendarLayout({
+        width: calendarWidth,
+        height
+      });
+    }
+  }, [onCalendarLayout, insets.left, insets.right]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs(DatePickerModalHeaderBackground, {
+      disableWeekDays: disableWeekDays,
       children: [/*#__PURE__*/_jsx(DatePickerModalStatusBar, {
         disableSafeTop: !!disableSafeTop,
         disableStatusBar: !!disableStatusBar,
@@ -92,7 +115,8 @@ export function DatePickerModalContent(props) {
         saveLabel: props.saveLabel,
         saveLabelDisabled: props.saveLabelDisabled ?? false,
         uppercase: props.uppercase ?? defaultUppercase,
-        closeIcon: props.closeIcon
+        closeIcon: props.closeIcon,
+        disableWeekDays: disableWeekDays
       }), /*#__PURE__*/_jsx(DatePickerModalContentHeader, {
         state: state,
         mode: mode,
@@ -108,41 +132,51 @@ export function DatePickerModalContent(props) {
         locale: locale,
         editIcon: props?.editIcon,
         calendarIcon: props.calendarIcon,
-        allowEditing: props.allowEditing ?? true
+        allowEditing: props.allowEditing ?? true,
+        disableWeekDays: disableWeekDays
       })]
-    }), /*#__PURE__*/_jsx(AnimatedCrossView, {
-      collapsed: collapsed,
-      calendar: /*#__PURE__*/_jsx(Calendar, {
-        locale: locale,
-        mode: mode,
-        startDate: state.startDate,
-        endDate: state.endDate,
-        date: state.date,
-        onChange: onInnerChange,
-        disableWeekDays: disableWeekDays,
-        dates: state.dates,
-        validRange: validRange,
-        dateMode: dateMode,
-        startYear: startYear,
-        endYear: endYear,
-        startWeekOnMonday: startWeekOnMonday,
-        dayContent: dayContent,
-        dayContentPosition: dayContentPosition,
-        dayContentStyle: dayContentStyle
-      }),
-      calendarEdit: /*#__PURE__*/_jsx(CalendarEdit, {
-        mode: mode,
-        state: state,
-        label: props.label,
-        startLabel: props.startLabel,
-        endLabel: props.endLabel,
+    }), /*#__PURE__*/_jsx(View, {
+      style: [sharedStyles.root, sharedStyles.minHeightZero, {
+        paddingLeft: insets.left,
+        paddingRight: insets.right
+      }],
+      onLayout: Platform.OS === 'web' ? undefined : onCalendarContainerLayout,
+      children: /*#__PURE__*/_jsx(AnimatedCrossView, {
         collapsed: collapsed,
-        onChange: onInnerChange,
-        validRange: validRange,
-        locale: locale,
-        inputEnabled: props.inputEnabled,
-        withDateFormatInLabel: props.withDateFormatInLabel,
-        placeholder: props.placeholder
+        calendar: /*#__PURE__*/_jsx(Calendar, {
+          locale: locale,
+          mode: mode,
+          startDate: state.startDate,
+          endDate: state.endDate,
+          date: state.date,
+          onChange: onInnerChange,
+          disableWeekDays: disableWeekDays,
+          dates: state.dates,
+          validRange: validRange,
+          dateMode: dateMode,
+          startYear: startYear,
+          endYear: endYear,
+          startWeekOnMonday: startWeekOnMonday,
+          dayContent: dayContent,
+          dayContentPosition: dayContentPosition,
+          dayContentStyle: dayContentStyle,
+          initialLayout: initialLayout
+        }),
+        calendarEdit: /*#__PURE__*/_jsx(CalendarEdit, {
+          mode: mode,
+          state: state,
+          label: props.label,
+          startLabel: props.startLabel,
+          endLabel: props.endLabel,
+          collapsed: collapsed,
+          onChange: onInnerChange,
+          validRange: validRange,
+          locale: locale,
+          inputEnabled: props.inputEnabled,
+          withDateFormatInLabel: props.withDateFormatInLabel,
+          placeholder: props.placeholder,
+          disableWeekDays: disableWeekDays
+        })
       })
     })]
   });

package/lib/module/Date/DatePickerModalContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["Calendar","AnimatedCrossView","DatePickerModalHeader","DatePickerModalContentHeader","CalendarEdit","DatePickerModalHeaderBackground","DatePickerModalStatusBar","memo","useCallback","useEffect","useState","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DatePickerModalContent","props","mode","onChange","onConfirm","onDismiss","disableSafeTop","disableStatusBar","disableWeekDays","locale","validRange","dateMode","startYear","endYear","statusBarOnTopOfBackdrop","startWeekOnMonday","dayContent","dayContentPosition","dayContentStyle","anyProps","defaultUppercase","state","setState","date","startDate","endDate","dates","collapsed","setCollapsed","onInnerChange","params","prev","onInnerConfirm","onToggleCollapse","children","onSave","saveLabel","saveLabelDisabled","uppercase","closeIcon","onToggle","headerSeparator","emptyLabel","label","moreLabel","startLabel","endLabel","editIcon","calendarIcon","allowEditing","calendar","calendarEdit","inputEnabled","withDateFormatInLabel","placeholder"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalContent.tsx"],"mappings":";;AAAA,OAAOA,QAAQ,MAQR,YAAY;AAEnB,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,4BAA4B,MAE5B,gCAAgC;AACvC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,+BAA+B,MAAM,mCAAmC;AAC/E,OAAOC,wBAAwB,MAAM,4BAA4B;AACjE,SAASC,IAAI,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAiD9D,OAAO,SAASC,sBAAsBA,CACpCC,KAGoC,EACpC;EACA,MAAM;IACJC,IAAI;IACJC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC,cAAc;IACdC,gBAAgB;IAChBC,eAAe;IACfC,MAAM;IACNC,UAAU;IACVC,QAAQ;IACRC,SAAS;IACTC,OAAO;IACPC,wBAAwB;IACxBC,iBAAiB;IACjBC,UAAU;IACVC,kBAAkB;IAClBC;EACF,CAAC,GAAGjB,KAAK;EACT,MAAMkB,QAAQ,GAAGlB,KAAY;EAC7B,MAAMmB,gBAAgB,GAAG,KAAK;;EAE9B;EACA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG7B,QAAQ,CAAa;IAC7C8B,IAAI,EAAEJ,QAAQ,CAACI,IAAI;IACnBC,SAAS,EAAEL,QAAQ,CAACK,SAAS;IAC7BC,OAAO,EAAEN,QAAQ,CAACM,OAAO;IACzBC,KAAK,EAAEP,QAAQ,CAACO;EAClB,CAAC,CAAC;EACF,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGnC,QAAQ,CAAC,IAAI,CAAC;;EAEhD;EACAD,SAAS,CAAC,MAAM;IACd8B,QAAQ,CAAC;MACPC,IAAI,EAAEJ,QAAQ,CAACI,IAAI;MACnBC,SAAS,EAAEL,QAAQ,CAACK,SAAS;MAC7BC,OAAO,EAAEN,QAAQ,CAACM,OAAO;MACzBC,KAAK,EAAEP,QAAQ,CAACO;IAClB,CAAC,CAAC;EACJ,CAAC,EAAE,CAACP,QAAQ,CAACI,IAAI,EAAEJ,QAAQ,CAACK,SAAS,EAAEL,QAAQ,CAACM,OAAO,EAAEN,QAAQ,CAACO,KAAK,CAAC,CAAC;EAEzE,MAAMG,aAAa,GAAGtC,WAAW,CAC9BuC,MAAW,IAAK;IACf3B,QAAQ,IAAIA,QAAQ,CAAC2B,MAAM,CAAC;IAC5BR,QAAQ,CAAES,IAAI,KAAM;MAAE,GAAGA,IAAI;MAAE,GAAGD;IAAO,CAAC,CAAC,CAAC;EAC9C,CAAC,EACD,CAAC3B,QAAQ,EAAEmB,QAAQ,CACrB,CAAC;EAED,MAAMU,cAAc,GAAGzC,WAAW,CAAC,MAAM;IACvC,IAAIW,IAAI,KAAK,QAAQ,EAAE;MACrB;MAAEE,SAAS,CAAoD;QAC7DmB,IAAI,EAAEF,KAAK,CAACE;MACd,CAAC,CAAC;IACJ,CAAC,MAAM,IAAIrB,IAAI,KAAK,OAAO,EAAE;MAC3B;MAAEE,SAAS,CAAmD;QAC5DoB,SAAS,EAAEH,KAAK,CAACG,SAAS;QAC1BC,OAAO,EAAEJ,KAAK,CAACI;MACjB,CAAC,CAAC;IACJ,CAAC,MAAM,IAAIvB,IAAI,KAAK,UAAU,EAAE;MAC9B;MAAEE,SAAS,CAAmD;QAC5DsB,KAAK,EAAEL,KAAK,CAACK,KAAK,IAAI;MACxB,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACL,KAAK,EAAEnB,IAAI,EAAEE,SAAS,CAAC,CAAC;EAE5B,MAAM6B,gBAAgB,GAAG1C,WAAW,CAAC,MAAM;IACzCqC,YAAY,CAAEG,IAAI,IAAK,CAACA,IAAI,CAAC;EAC/B,CAAC,EAAE,CAACH,YAAY,CAAC,CAAC;EAElB,oBACE/B,KAAA,CAAAE,SAAA;IAAAmC,QAAA,gBACErC,KAAA,CAACT,+BAA+B;MAAA8C,QAAA,gBAC9BvC,IAAA,CAACN,wBAAwB;QACvBiB,cAAc,EAAE,CAAC,CAACA,cAAe;QACjCC,gBAAgB,EAAE,CAAC,CAACA,gBAAiB;QACrCO,wBAAwB,EAAE,CAAC,CAACA;MAAyB,CACtD,CAAC,eACFnB,IAAA,CAACV,qBAAqB;QACpBwB,MAAM,EAAEA,MAAO;QACf0B,MAAM,EAAEH,cAAe;QACvB3B,SAAS,EAAEA,SAAU;QACrB+B,SAAS,EAAEnC,KAAK,CAACmC,SAAU;QAC3BC,iBAAiB,EAAEpC,KAAK,CAACoC,iBAAiB,IAAI,KAAM;QACpDC,SAAS,EAAErC,KAAK,CAACqC,SAAS,IAAIlB,gBAAiB;QAC/CmB,SAAS,EAAEtC,KAAK,CAACsC;MAAU,CAC5B,CAAC,eACF5C,IAAA,CAACT,4BAA4B;QAC3BmC,KAAK,EAAEA,KAAM;QACbnB,IAAI,EAAEA,IAAK;QACXyB,SAAS,EAAEA,SAAU;QACrBa,QAAQ,EAAEP,gBAAiB;QAC3BQ,eAAe,EAAExC,KAAK,CAACwC,eAAgB;QACvCC,UAAU,EAAEzC,KAAK,CAACyC,UAAW;QAC7BC,KAAK,EAAE1C,KAAK,CAAC0C,KAAM;QACnBC,SAAS,EAAE3C,KAAK,CAAC2C,SAAU;QAC3BC,UAAU,EAAE5C,KAAK,CAAC4C,UAAW;QAC7BC,QAAQ,EAAE7C,KAAK,CAAC6C,QAAS;QACzBR,SAAS,EAAErC,KAAK,CAACqC,SAAS,IAAIlB,gBAAiB;QAC/CX,MAAM,EAAEA,MAAO;QACfsC,QAAQ,EAAE9C,KAAK,EAAE8C,QAAS;QAC1BC,YAAY,EAAE/C,KAAK,CAAC+C,YAAa;QACjCC,YAAY,EAAEhD,KAAK,CAACgD,YAAY,IAAI;MAAK,CAC1C,CAAC;IAAA,CAC6B,CAAC,eAClCtD,IAAA,CAACX,iBAAiB;MAChB2C,SAAS,EAAEA,SAAU;MACrBuB,QAAQ,eACNvD,IAAA,CAACZ,QAAQ;QACP0B,MAAM,EAAEA,MAAO;QACfP,IAAI,EAAEA,IAAK;QACXsB,SAAS,EAAEH,KAAK,CAACG,SAAU;QAC3BC,OAAO,EAAEJ,KAAK,CAACI,OAAQ;QACvBF,IAAI,EAAEF,KAAK,CAACE,IAAK;QACjBpB,QAAQ,EAAE0B,aAAc;QACxBrB,eAAe,EAAEA,eAAgB;QACjCkB,KAAK,EAAEL,KAAK,CAACK,KAAM;QACnBhB,UAAU,EAAEA,UAAW;QACvBC,QAAQ,EAAEA,QAAS;QACnBC,SAAS,EAAEA,SAAU;QACrBC,OAAO,EAAEA,OAAQ;QACjBE,iBAAiB,EAAEA,iBAAkB;QACrCC,UAAU,EAAEA,UAAW;QACvBC,kBAAkB,EAAEA,kBAAmB;QACvCC,eAAe,EAAEA;MAAgB,CAClC,CACF;MACDiC,YAAY,eACVxD,IAAA,CAACR,YAAY;QACXe,IAAI,EAAEA,IAAK;QACXmB,KAAK,EAAEA,KAAM;QACbsB,KAAK,EAAE1C,KAAK,CAAC0C,KAAM;QACnBE,UAAU,EAAE5C,KAAK,CAAC4C,UAAW;QAC7BC,QAAQ,EAAE7C,KAAK,CAAC6C,QAAS;QACzBnB,SAAS,EAAEA,SAAU;QACrBxB,QAAQ,EAAE0B,aAAc;QACxBnB,UAAU,EAAEA,UAAW;QACvBD,MAAM,EAAEA,MAAO;QACf2C,YAAY,EAAEnD,KAAK,CAACmD,YAAa;QACjCC,qBAAqB,EAAEpD,KAAK,CAACoD,qBAAsB;QACnDC,WAAW,EAAErD,KAAK,CAACqD;MAAY,CAChC;IACF,CACF,CAAC;EAAA,CACF,CAAC;AAEP;AAEA,4BAAehE,IAAI,CAACU,sBAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["Calendar","AnimatedCrossView","DatePickerModalHeader","DatePickerModalContentHeader","CalendarEdit","DatePickerModalHeaderBackground","DatePickerModalStatusBar","memo","useCallback","useEffect","useState","Platform","View","useSafeAreaInsets","sharedStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DatePickerModalContent","props","mode","onChange","onConfirm","onDismiss","disableSafeTop","disableStatusBar","disableWeekDays","locale","validRange","dateMode","startYear","endYear","statusBarOnTopOfBackdrop","startWeekOnMonday","dayContent","dayContentPosition","dayContentStyle","initialLayout","onCalendarLayout","anyProps","defaultUppercase","insets","state","setState","date","startDate","endDate","dates","collapsed","setCollapsed","onInnerChange","params","prev","onInnerConfirm","onToggleCollapse","onCalendarContainerLayout","event","width","height","nativeEvent","layout","calendarWidth","left","right","children","onSave","saveLabel","saveLabelDisabled","uppercase","closeIcon","onToggle","headerSeparator","emptyLabel","label","moreLabel","startLabel","endLabel","editIcon","calendarIcon","allowEditing","style","root","minHeightZero","paddingLeft","paddingRight","onLayout","OS","undefined","calendar","calendarEdit","inputEnabled","withDateFormatInLabel","placeholder"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalContent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Date/DatePickerModalContentHeader.js

@@ -7,6 +7,7 @@ import Color from 'color';
 import { getTranslation } from '../translations/utils';
 import { useMemo } from 'react';
 import { sharedStyles } from '../shared/styles';
+import { alignTextToFirstWeekday, centerIconOnLastWeekday } from './weekdayColumns';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function getLabel(locale, mode, configuredLabel) {
   if (configuredLabel) {
@@ -32,7 +33,8 @@ export default function DatePickerModalContentHeader(props) {
     uppercase,
     editIcon,
     calendarIcon,
-    allowEditing
+    allowEditing,
+    disableWeekDays
   } = props;
   const theme = useTheme();
   const label = getLabel(props.locale, props.mode, props.label);
@@ -45,6 +47,7 @@ export default function DatePickerModalContentHeader(props) {
   return /*#__PURE__*/_jsxs(View, {
     style: styles.header,
     children: [/*#__PURE__*/_jsxs(View, {
+      style: alignTextToFirstWeekday(disableWeekDays),
       children: [/*#__PURE__*/_jsx(Text, {
         maxFontSizeMultiplier: 1.5,
         style: [styles.label, {
@@ -73,7 +76,8 @@ export default function DatePickerModalContentHeader(props) {
       accessibilityLabel: collapsed ? getTranslation(props.locale, 'typeInDate') : getTranslation(props.locale, 'pickDateFromCalendar'),
       iconColor: theme.colors.onSurface,
       onPress: onToggle,
-      testID: "react-native-paper-dates-toggle-edit"
+      testID: "react-native-paper-dates-toggle-edit",
+      style: [styles.editButton, centerIconOnLastWeekday(disableWeekDays)]
     }) : null]
   });
 }
@@ -176,12 +180,15 @@ export function HeaderContentRange({
   });
 }
 const styles = StyleSheet.create({
+  editButton: {
+    marginTop: 0,
+    marginBottom: 0,
+    marginStart: 0
+  },
   header: {
     height: 75,
     alignItems: 'center',
-    flexDirection: 'row',
-    paddingLeft: 24,
-    paddingRight: 12
+    flexDirection: 'row'
   },
   headerContentContainer: {
     flexDirection: 'row',

package/lib/module/Date/DatePickerModalContentHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","IconButton","Text","useTheme","useHeaderTextColor","Color","getTranslation","useMemo","sharedStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","getLabel","locale","mode","configuredLabel","DatePickerModalContentHeader","props","onToggle","collapsed","moreLabel","uppercase","editIcon","calendarIcon","allowEditing","theme","label","color","isEditingEnabled","supportingTextColor","colors","onSurfaceVariant","textFont","fonts","labelMedium","finalCollapsedIcon","finalExpandedIcon","style","styles","header","children","maxFontSizeMultiplier","toUpperCase","headerContentContainer","HeaderContentRange","HeaderContentSingle","HeaderContentMulti","root","icon","accessibilityLabel","iconColor","onSurface","onPress","testID","state","emptyLabel","lighterColor","fade","rgb","toString","dateColor","date","formatter","Intl","DateTimeFormat","month","day","text","format","dateCount","dates","length","map","join","headerSeparator","startLabel","endLabel","startColorFilled","endColorFilled","startColor","startDate","endColor","endDate","create","height","alignItems","flexDirection","paddingLeft","paddingRight","marginTop","fontSize","letterSpacing"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalContentHeader.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["StyleSheet","View","IconButton","Text","useTheme","useHeaderTextColor","Color","getTranslation","useMemo","sharedStyles","alignTextToFirstWeekday","centerIconOnLastWeekday","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","getLabel","locale","mode","configuredLabel","DatePickerModalContentHeader","props","onToggle","collapsed","moreLabel","uppercase","editIcon","calendarIcon","allowEditing","disableWeekDays","theme","label","color","isEditingEnabled","supportingTextColor","colors","onSurfaceVariant","textFont","fonts","labelMedium","finalCollapsedIcon","finalExpandedIcon","style","styles","header","children","maxFontSizeMultiplier","toUpperCase","headerContentContainer","HeaderContentRange","HeaderContentSingle","HeaderContentMulti","root","icon","accessibilityLabel","iconColor","onSurface","onPress","testID","editButton","state","emptyLabel","lighterColor","fade","rgb","toString","dateColor","date","formatter","Intl","DateTimeFormat","month","day","text","format","dateCount","dates","length","map","join","headerSeparator","startLabel","endLabel","startColorFilled","endColorFilled","startColor","startDate","endColor","endDate","create","marginTop","marginBottom","marginStart","height","alignItems","flexDirection","fontSize","paddingLeft","paddingRight","letterSpacing"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalContentHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Date/DatePickerModalHeader.js

@@ -1,63 +1,63 @@
 "use strict";
 
-import { Animated, StyleSheet } from 'react-native';
-import { Appbar, Button, useTheme } from 'react-native-paper';
+import { StyleSheet, View } from 'react-native';
+import { Button, IconButton, useTheme } from 'react-native-paper';
 import { useHeaderTextColor } from '../shared/utils';
 import { getTranslation } from '../translations/utils';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { sharedStyles } from '../shared/styles';
+import { alignIconToFirstWeekday, alignTextToLastWeekday } from './weekdayColumns';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function DatePickerModalHeader(props) {
   const {
     locale,
-    closeIcon = 'close'
+    closeIcon = 'close',
+    disableWeekDays
   } = props;
   const saveLabel = props.saveLabel || getTranslation(locale, 'save');
   const color = useHeaderTextColor();
-  const insets = useSafeAreaInsets();
   const theme = useTheme();
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.animated, {
-        paddingLeft: insets.left,
-        paddingRight: insets.right
-      }],
-      children: /*#__PURE__*/_jsxs(Appbar, {
-        style: styles.appbarHeader,
-        children: [/*#__PURE__*/_jsx(Appbar.Action, {
-          icon: closeIcon,
-          accessibilityLabel: getTranslation(locale, 'close'),
-          onPress: props.onDismiss,
-          color: color,
-          testID: "react-native-paper-dates-close"
-        }), /*#__PURE__*/_jsx(Button, {
-          textColor: theme.colors.primary,
-          onPress: props.onSave,
-          disabled: props.saveLabelDisabled ?? false,
-          uppercase: props.uppercase ?? true,
-          contentStyle: styles.buttonStyle,
-          mode: "text",
-          labelStyle: styles.buttonLabel,
-          testID: "react-native-paper-dates-save",
-          children: saveLabel
-        })]
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.headerBar,
+    children: [/*#__PURE__*/_jsx(IconButton, {
+      icon: closeIcon,
+      accessibilityLabel: getTranslation(locale, 'close'),
+      onPress: props.onDismiss,
+      iconColor: color,
+      testID: "react-native-paper-dates-close",
+      style: [styles.closeButton, alignIconToFirstWeekday(disableWeekDays)]
+    }), /*#__PURE__*/_jsx(View, {
+      style: sharedStyles.root
+    }), /*#__PURE__*/_jsx(View, {
+      style: alignTextToLastWeekday(disableWeekDays),
+      children: /*#__PURE__*/_jsx(Button, {
+        textColor: theme.colors.primary,
+        onPress: props.onSave,
+        disabled: props.saveLabelDisabled ?? false,
+        uppercase: props.uppercase ?? true,
+        compact: true,
+        mode: "text",
+        testID: "react-native-paper-dates-save",
+        style: styles.saveButton,
+        children: saveLabel
       })
-    })
+    })]
   });
 }
 const styles = StyleSheet.create({
-  animated: {
-    elevation: 4
+  headerBar: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: '100%',
+    paddingTop: 12
   },
-  appbarHeader: {
-    elevation: 0,
-    backgroundColor: 'transparent',
-    justifyContent: 'space-between'
+  closeButton: {
+    marginTop: 0,
+    marginBottom: 0,
+    marginEnd: 0
   },
-  buttonStyle: {
-    paddingHorizontal: 8
-  },
-  buttonLabel: {
-    flexGrow: 1
+  saveButton: {
+    marginVertical: 0,
+    marginEnd: 0
   }
 });
 //# sourceMappingURL=DatePickerModalHeader.js.map

package/lib/module/Date/DatePickerModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["Animated","StyleSheet","Appbar","Button","useTheme","useHeaderTextColor","getTranslation","useSafeAreaInsets","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DatePickerModalHeader","props","locale","closeIcon","saveLabel","color","insets","theme","children","View","style","styles","animated","paddingLeft","left","paddingRight","right","appbarHeader","Action","icon","accessibilityLabel","onPress","onDismiss","testID","textColor","colors","primary","onSave","disabled","saveLabelDisabled","uppercase","contentStyle","buttonStyle","mode","labelStyle","buttonLabel","create","elevation","backgroundColor","justifyContent","paddingHorizontal","flexGrow"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalHeader.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,MAAM,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,oBAAoB;AAC7D,SAASC,kBAAkB,QAAQ,iBAAiB;AACpD,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,iBAAiB,QAAQ,gCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAYlE,eAAe,SAASC,qBAAqBA,CAC3CC,KAAiC,EACjC;EACA,MAAM;IAAEC,MAAM;IAAEC,SAAS,GAAG;EAAQ,CAAC,GAAGF,KAAK;EAC7C,MAAMG,SAAS,GAAGH,KAAK,CAACG,SAAS,IAAIZ,cAAc,CAACU,MAAM,EAAE,MAAM,CAAC;EACnE,MAAMG,KAAK,GAAGd,kBAAkB,CAAC,CAAC;EAClC,MAAMe,MAAM,GAAGb,iBAAiB,CAAC,CAAC;EAElC,MAAMc,KAAK,GAAGjB,QAAQ,CAAC,CAAC;EAExB,oBACEK,IAAA,CAAAI,SAAA;IAAAS,QAAA,eACEb,IAAA,CAACT,QAAQ,CAACuB,IAAI;MACZC,KAAK,EAAE,CACLC,MAAM,CAACC,QAAQ,EACf;QACEC,WAAW,EAAEP,MAAM,CAACQ,IAAI;QACxBC,YAAY,EAAET,MAAM,CAACU;MACvB,CAAC,CACD;MAAAR,QAAA,eAEFX,KAAA,CAACT,MAAM;QAACsB,KAAK,EAAEC,MAAM,CAACM,YAAa;QAAAT,QAAA,gBACjCb,IAAA,CAACP,MAAM,CAAC8B,MAAM;UACZC,IAAI,EAAEhB,SAAU;UAChBiB,kBAAkB,EAAE5B,cAAc,CAACU,MAAM,EAAE,OAAO,CAAE;UACpDmB,OAAO,EAAEpB,KAAK,CAACqB,SAAU;UACzBjB,KAAK,EAAEA,KAAM;UACbkB,MAAM,EAAC;QAAgC,CACxC,CAAC,eACF5B,IAAA,CAACN,MAAM;UACLmC,SAAS,EAAEjB,KAAK,CAACkB,MAAM,CAACC,OAAQ;UAChCL,OAAO,EAAEpB,KAAK,CAAC0B,MAAO;UACtBC,QAAQ,EAAE3B,KAAK,CAAC4B,iBAAiB,IAAI,KAAM;UAC3CC,SAAS,EAAE7B,KAAK,CAAC6B,SAAS,IAAI,IAAK;UACnCC,YAAY,EAAEpB,MAAM,CAACqB,WAAY;UACjCC,IAAI,EAAC,MAAM;UACXC,UAAU,EAAEvB,MAAM,CAACwB,WAAY;UAC/BZ,MAAM,EAAC,+BAA+B;UAAAf,QAAA,EAErCJ;QAAS,CACJ,CAAC;MAAA,CACH;IAAC,CACI;EAAC,CAChB,CAAC;AAEP;AAEA,MAAMO,MAAM,GAAGxB,UAAU,CAACiD,MAAM,CAAC;EAC/BxB,QAAQ,EAAE;IACRyB,SAAS,EAAE;EACb,CAAC;EACDpB,YAAY,EAAE;IACZoB,SAAS,EAAE,CAAC;IACZC,eAAe,EAAE,aAAa;IAC9BC,cAAc,EAAE;EAClB,CAAC;EACDP,WAAW,EAAE;IACXQ,iBAAiB,EAAE;EACrB,CAAC;EACDL,WAAW,EAAE;IACXM,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","View","Button","IconButton","useTheme","useHeaderTextColor","getTranslation","sharedStyles","alignIconToFirstWeekday","alignTextToLastWeekday","jsx","_jsx","jsxs","_jsxs","DatePickerModalHeader","props","locale","closeIcon","disableWeekDays","saveLabel","color","theme","style","styles","headerBar","children","icon","accessibilityLabel","onPress","onDismiss","iconColor","testID","closeButton","root","textColor","colors","primary","onSave","disabled","saveLabelDisabled","uppercase","compact","mode","saveButton","create","flexDirection","alignItems","width","paddingTop","marginTop","marginBottom","marginEnd","marginVertical"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalHeader.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,oBAAoB;AACjE,SAASC,kBAAkB,QAAQ,iBAAiB;AACpD,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SACEC,uBAAuB,EACvBC,sBAAsB,QACjB,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAazB,eAAe,SAASC,qBAAqBA,CAC3CC,KAAiC,EACjC;EACA,MAAM;IAAEC,MAAM;IAAEC,SAAS,GAAG,OAAO;IAAEC;EAAgB,CAAC,GAAGH,KAAK;EAC9D,MAAMI,SAAS,GAAGJ,KAAK,CAACI,SAAS,IAAIb,cAAc,CAACU,MAAM,EAAE,MAAM,CAAC;EACnE,MAAMI,KAAK,GAAGf,kBAAkB,CAAC,CAAC;EAClC,MAAMgB,KAAK,GAAGjB,QAAQ,CAAC,CAAC;EAExB,oBACES,KAAA,CAACZ,IAAI;IAACqB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5Bd,IAAA,CAACR,UAAU;MACTuB,IAAI,EAAET,SAAU;MAChBU,kBAAkB,EAAErB,cAAc,CAACU,MAAM,EAAE,OAAO,CAAE;MACpDY,OAAO,EAAEb,KAAK,CAACc,SAAU;MACzBC,SAAS,EAAEV,KAAM;MACjBW,MAAM,EAAC,gCAAgC;MACvCT,KAAK,EAAE,CAACC,MAAM,CAACS,WAAW,EAAExB,uBAAuB,CAACU,eAAe,CAAC;IAAE,CACvE,CAAC,eACFP,IAAA,CAACV,IAAI;MAACqB,KAAK,EAAEf,YAAY,CAAC0B;IAAK,CAAE,CAAC,eAClCtB,IAAA,CAACV,IAAI;MAACqB,KAAK,EAAEb,sBAAsB,CAACS,eAAe,CAAE;MAAAO,QAAA,eACnDd,IAAA,CAACT,MAAM;QACLgC,SAAS,EAAEb,KAAK,CAACc,MAAM,CAACC,OAAQ;QAChCR,OAAO,EAAEb,KAAK,CAACsB,MAAO;QACtBC,QAAQ,EAAEvB,KAAK,CAACwB,iBAAiB,IAAI,KAAM;QAC3CC,SAAS,EAAEzB,KAAK,CAACyB,SAAS,IAAI,IAAK;QACnCC,OAAO;QACPC,IAAI,EAAC,MAAM;QACXX,MAAM,EAAC,+BAA+B;QACtCT,KAAK,EAAEC,MAAM,CAACoB,UAAW;QAAAlB,QAAA,EAExBN;MAAS,CACJ;IAAC,CACL,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMI,MAAM,GAAGvB,UAAU,CAAC4C,MAAM,CAAC;EAC/BpB,SAAS,EAAE;IACTqB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,UAAU,EAAE;EACd,CAAC;EACDhB,WAAW,EAAE;IACXiB,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDR,UAAU,EAAE;IACVS,cAAc,EAAE,CAAC;IACjBD,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Date/DatePickerModalHeaderBackground.js

@@ -1,22 +1,40 @@
 "use strict";
 
-import { Animated } from 'react-native';
+import { Animated, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { Divider } from 'react-native-paper';
-import { useHeaderBackgroundColor } from '../shared/utils';
+import { useHeaderBackgroundColor, useIsLargeScreen } from '../shared/utils';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { weekdaySpan, weekdaySpanOvershoot } from './weekdayColumns';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function DatePickerModalHeaderBackground({
-  children
+  children,
+  disableWeekDays
 }) {
   const backgroundColor = useHeaderBackgroundColor();
   const insets = useSafeAreaInsets();
+  const {
+    width,
+    height
+  } = useWindowDimensions();
+  const isLargeScreen = useIsLargeScreen();
+  const isPhoneLandscape = width > height && !isLargeScreen;
   return /*#__PURE__*/_jsxs(Animated.View, {
-    style: {
+    style: [styles.background, {
       backgroundColor,
       paddingLeft: insets.left,
       paddingRight: insets.right
-    },
-    children: [children, /*#__PURE__*/_jsx(Divider, {})]
+    }],
+    children: [children, isPhoneLandscape ? /*#__PURE__*/_jsx(View, {
+      style: weekdaySpan(disableWeekDays),
+      children: /*#__PURE__*/_jsx(Divider, {
+        style: weekdaySpanOvershoot
+      })
+    }) : /*#__PURE__*/_jsx(Divider, {})]
   });
 }
+const styles = StyleSheet.create({
+  background: {
+    width: '100%'
+  }
+});
 //# sourceMappingURL=DatePickerModalHeaderBackground.js.map

package/lib/module/Date/DatePickerModalHeaderBackground.js.map

@@ -1 +1 @@
-{"version":3,"names":["Animated","Divider","useHeaderBackgroundColor","useSafeAreaInsets","jsx","_jsx","jsxs","_jsxs","DatePickerModalHeaderBackground","children","backgroundColor","insets","View","style","paddingLeft","left","paddingRight","right"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalHeaderBackground.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,wBAAwB,QAAQ,iBAAiB;AAC1D,SAASC,iBAAiB,QAAQ,gCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElE,eAAe,SAASC,+BAA+BA,CAAC;EACtDC;AAGF,CAAC,EAAE;EACD,MAAMC,eAAe,GAAGR,wBAAwB,CAAC,CAAC;EAClD,MAAMS,MAAM,GAAGR,iBAAiB,CAAC,CAAC;EAElC,oBACEI,KAAA,CAACP,QAAQ,CAACY,IAAI;IACZC,KAAK,EAAE;MACLH,eAAe;MACfI,WAAW,EAAEH,MAAM,CAACI,IAAI;MACxBC,YAAY,EAAEL,MAAM,CAACM;IACvB,CAAE;IAAAR,QAAA,GAEDA,QAAQ,eACTJ,IAAA,CAACJ,OAAO,IAAE,CAAC;EAAA,CACE,CAAC;AAEpB","ignoreList":[]}
+{"version":3,"names":["Animated","StyleSheet","useWindowDimensions","View","Divider","useHeaderBackgroundColor","useIsLargeScreen","useSafeAreaInsets","weekdaySpan","weekdaySpanOvershoot","jsx","_jsx","jsxs","_jsxs","DatePickerModalHeaderBackground","children","disableWeekDays","backgroundColor","insets","width","height","isLargeScreen","isPhoneLandscape","style","styles","background","paddingLeft","left","paddingRight","right","create"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalHeaderBackground.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,EAAEC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AAC9E,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,wBAAwB,EAAEC,gBAAgB,QAAQ,iBAAiB;AAC5E,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,WAAW,EAAEC,oBAAoB,QAAQ,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpE,eAAe,SAASC,+BAA+BA,CAAC;EACtDC,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,MAAMC,eAAe,GAAGZ,wBAAwB,CAAC,CAAC;EAClD,MAAMa,MAAM,GAAGX,iBAAiB,CAAC,CAAC;EAClC,MAAM;IAAEY,KAAK;IAAEC;EAAO,CAAC,GAAGlB,mBAAmB,CAAC,CAAC;EAC/C,MAAMmB,aAAa,GAAGf,gBAAgB,CAAC,CAAC;EACxC,MAAMgB,gBAAgB,GAAGH,KAAK,GAAGC,MAAM,IAAI,CAACC,aAAa;EAEzD,oBACER,KAAA,CAACb,QAAQ,CAACG,IAAI;IACZoB,KAAK,EAAE,CACLC,MAAM,CAACC,UAAU,EACjB;MACER,eAAe;MACfS,WAAW,EAAER,MAAM,CAACS,IAAI;MACxBC,YAAY,EAAEV,MAAM,CAACW;IACvB,CAAC,CACD;IAAAd,QAAA,GAEDA,QAAQ,EACRO,gBAAgB,gBACfX,IAAA,CAACR,IAAI;MAACoB,KAAK,EAAEf,WAAW,CAACQ,eAAe,CAAE;MAAAD,QAAA,eACxCJ,IAAA,CAACP,OAAO;QAACmB,KAAK,EAAEd;MAAqB,CAAE;IAAC,CACpC,CAAC,gBAEPE,IAAA,CAACP,OAAO,IAAE,CACX;EAAA,CACY,CAAC;AAEpB;AAEA,MAAMoB,MAAM,GAAGvB,UAAU,CAAC6B,MAAM,CAAC;EAC/BL,UAAU,EAAE;IACVN,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Date/Month.js

@@ -1,15 +1,16 @@
 "use strict";
 
-import { StyleSheet, View } from 'react-native';
+import { Platform, ScrollView, StyleSheet, View } from 'react-native';
 import { Icon, Text, TouchableRipple, useTheme } from 'react-native-paper';
 import Day, { EmptyDay } from './Day';
 import { addMonths, areDatesOnSameDay, daySize, estimatedMonthHeight, getFirstDayOfMonth, getGridCount, getRealIndex, getStartAtIndex, getTotalMonths, createGridCounts, getDaysInMonth, isDateBetween, showWeekDay, useRangeChecker } from './dateUtils';
+import { alignTextToFirstWeekday } from './weekdayColumns';
 import { getCalendarHeaderHeight } from './CalendarHeader';
 import { dayNamesHeight } from './DayNames';
 import { useTextColorOnPrimary } from '../shared/utils';
 import { memo, useMemo } from 'react';
 import { sharedStyles } from '../shared/styles';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Month(props) {
   const {
     locale,
@@ -177,8 +178,33 @@ function Month(props) {
   const textFont = theme.fonts.titleSmall;
   const iconColor = theme.colors.onSurfaceVariant;
   const iconSource = selectingYear ? 'menu-up' : 'menu-down';
+  const weeks = grid.map(({
+    weekIndex,
+    generatedDays
+  }) => /*#__PURE__*/_jsx(View, {
+    style: styles.week,
+    children: generatedDays.filter(gd => showWeekDay(gd.dayIndex, disableWeekDays)).map(gd => gd.beforeWeekDay || gd.afterWeekDay ? /*#__PURE__*/_jsx(EmptyDay, {}, gd.dayIndex) : /*#__PURE__*/_jsx(Day, {
+      theme: theme,
+      day: gd.dayOfMonth,
+      month: gd.month,
+      year: gd.year,
+      selected: gd.selected,
+      inRange: gd.inRange,
+      leftCrop: gd.leftCrop,
+      rightCrop: gd.rightCrop,
+      onPressDate: onPressDate,
+      isToday: gd.isToday,
+      selectColor: selectColor,
+      primaryColor: primaryColor,
+      disabled: gd.disabled,
+      textColorOnPrimary: textColorOnPrimary,
+      dayContent: dayContent,
+      dayContentPosition: dayContentPosition,
+      dayContentStyle: dayContentStyle
+    }, gd.dayIndex))
+  }, weekIndex));
   return /*#__PURE__*/_jsxs(View, {
-    style: {
+    style: isHorizontal ? styles.monthFill : {
       height: getMonthHeight(scrollMode, index, startWeekOnMonday, startYear, endYear)
     },
     children: [/*#__PURE__*/_jsx(View, {
@@ -193,7 +219,7 @@ function Month(props) {
         accessibilityLabel: `${monthName} ${year}`,
         style: [styles.yearButton, {
           borderRadius: roundness
-        }],
+        }, alignTextToFirstWeekday(disableWeekDays)],
         children: /*#__PURE__*/_jsxs(View, {
           style: [styles.yearButtonInner, {
             borderRadius: roundness
@@ -216,31 +242,17 @@ function Month(props) {
           })]
         })
       })
-    }), grid.map(({
-      weekIndex,
-      generatedDays
-    }) => /*#__PURE__*/_jsx(View, {
-      style: styles.week,
-      children: generatedDays.filter(gd => showWeekDay(gd.dayIndex, disableWeekDays)).map(gd => gd.beforeWeekDay || gd.afterWeekDay ? /*#__PURE__*/_jsx(EmptyDay, {}, gd.dayIndex) : /*#__PURE__*/_jsx(Day, {
-        theme: theme,
-        day: gd.dayOfMonth,
-        month: gd.month,
-        year: gd.year,
-        selected: gd.selected,
-        inRange: gd.inRange,
-        leftCrop: gd.leftCrop,
-        rightCrop: gd.rightCrop,
-        onPressDate: onPressDate,
-        isToday: gd.isToday,
-        selectColor: selectColor,
-        primaryColor: primaryColor,
-        disabled: gd.disabled,
-        textColorOnPrimary: textColorOnPrimary,
-        dayContent: dayContent,
-        dayContentPosition: dayContentPosition,
-        dayContentStyle: dayContentStyle
-      }, gd.dayIndex))
-    }, weekIndex))]
+    }), isHorizontal ? /*#__PURE__*/_jsx(ScrollView, {
+      alwaysBounceVertical: false,
+      directionalLockEnabled: true,
+      keyboardShouldPersistTaps: "handled",
+      nestedScrollEnabled: true,
+      style: [sharedStyles.root, sharedStyles.minHeightZero, Platform.OS === 'web' ? {
+        colorScheme: theme.dark ? 'dark' : 'light'
+      } : null],
+      testID: "react-native-paper-dates-month-days-scroll",
+      children: weeks
+    }) : weeks]
   });
 }
 export const weekMargin = 6;
@@ -253,6 +265,10 @@ const styles = StyleSheet.create({
   iconWrapper: {
     padding: 8
   },
+  monthFill: {
+    flex: 1,
+    minHeight: 0
+  },
   monthHeader: {
     height: montHeaderHeight,
     justifyContent: 'center',
@@ -268,11 +284,9 @@ const styles = StyleSheet.create({
     height: daySize
   },
   yearButton: {
-    alignSelf: 'flex-start',
-    marginLeft: 6
+    alignSelf: 'flex-start'
   },
   yearButtonInner: {
-    paddingLeft: 16,
     flexDirection: 'row',
     alignItems: 'center'
   }