react-native-paper-dates 0.22.15 → 0.22.17

package/lib/module/Date/DatePickerModal.js

@@ -1,11 +1,12 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import * as React from 'react';
 import { Modal, StyleSheet, TouchableWithoutFeedback, useWindowDimensions, View, Platform } from 'react-native';
 import { useTheme } from 'react-native-paper';
 import DatePickerModalContent from './DatePickerModalContent';
+import React, { memo } from 'react';
+import { sharedStyles } from '../shared/styles';
+import { supportedOrientations } from '../shared/utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export function DatePickerModal(props) {
-  const theme = useTheme();
-  const dimensions = useWindowDimensions();
   const {
     visible,
     animationType,
@@ -21,47 +22,46 @@ export function DatePickerModal(props) {
     default: 'slide'
   });
   const isPageSheet = presentationStyle === 'pageSheet' && Platform.OS === 'ios';
-  return /*#__PURE__*/React.createElement(View, {
-    style: [StyleSheet.absoluteFill],
-    pointerEvents: "box-none"
-  }, /*#__PURE__*/React.createElement(Modal, {
-    animationType: animationTypeCalculated,
-    transparent: !isPageSheet,
-    visible: visible,
-    onRequestClose: rest.onDismiss,
-    presentationStyle: isPageSheet ? 'pageSheet' : 'overFullScreen',
-    supportedOrientations: supportedOrientations,
-    statusBarTranslucent: true
-  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
-    onPress: rest.onDismiss
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [StyleSheet.absoluteFill, styles.modalBackground, {
-      backgroundColor: theme.colors.backdrop
-    }]
-  })), /*#__PURE__*/React.createElement(View, {
-    style: [StyleSheet.absoluteFill, styles.modalRoot],
-    pointerEvents: "box-none"
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.modalContent, {
-      backgroundColor: theme.colors.surface
-    }, dimensions.width > 650 ? styles.modalContentBig : null]
-  }, /*#__PURE__*/React.createElement(DatePickerModalContent, _extends({}, rest, {
-    inputEnabled: inputEnabled,
-    disableSafeTop: disableStatusBarPadding,
-    disableStatusBar: disableStatusBar,
-    statusBarOnTopOfBackdrop: isPageSheet || statusBarOnTopOfBackdrop
-  }))))));
+  const theme = useTheme();
+  const dimensions = useWindowDimensions();
+  return /*#__PURE__*/_jsx(View, {
+    style: StyleSheet.absoluteFill,
+    pointerEvents: "box-none",
+    children: /*#__PURE__*/_jsxs(Modal, {
+      animationType: animationTypeCalculated,
+      transparent: !isPageSheet,
+      visible: visible,
+      onRequestClose: rest.onDismiss,
+      presentationStyle: isPageSheet ? 'pageSheet' : 'overFullScreen',
+      supportedOrientations: supportedOrientations,
+      statusBarTranslucent: true,
+      children: [/*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+        onPress: rest.onDismiss,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [StyleSheet.absoluteFill, sharedStyles.root, {
+            backgroundColor: theme.colors.backdrop
+          }]
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: [StyleSheet.absoluteFill, styles.modalRoot],
+        pointerEvents: "box-none",
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.modalContent, {
+            backgroundColor: theme.colors.surface
+          }, dimensions.width > 650 ? styles.modalContentBig : null],
+          children: /*#__PURE__*/_jsx(DatePickerModalContent, {
+            ...rest,
+            inputEnabled: inputEnabled,
+            disableSafeTop: disableStatusBarPadding,
+            disableStatusBar: disableStatusBar,
+            statusBarOnTopOfBackdrop: isPageSheet || statusBarOnTopOfBackdrop
+          })
+        })
+      })]
+    })
+  });
 }
-const supportedOrientations = ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'];
 const styles = StyleSheet.create({
-  modalRoot: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    flex: 1
-  },
-  modalBackground: {
-    flex: 1
-  },
   modalContent: {
     flex: 1,
     width: '100%'
@@ -72,7 +72,12 @@ const styles = StyleSheet.create({
     borderRadius: 10,
     width: '100%',
     overflow: 'hidden'
+  },
+  modalRoot: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    flex: 1
   }
 });
-export default /*#__PURE__*/React.memo(DatePickerModal);
+export default /*#__PURE__*/memo(DatePickerModal);
 //# sourceMappingURL=DatePickerModal.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Modal","StyleSheet","TouchableWithoutFeedback","useWindowDimensions","View","Platform","useTheme","DatePickerModalContent","DatePickerModal","props","theme","dimensions","visible","animationType","disableStatusBar","disableStatusBarPadding","inputEnabled","presentationStyle","statusBarOnTopOfBackdrop","rest","animationTypeCalculated","select","web","default","isPageSheet","OS","createElement","style","absoluteFill","pointerEvents","transparent","onRequestClose","onDismiss","supportedOrientations","statusBarTranslucent","onPress","styles","modalBackground","backgroundColor","colors","backdrop","modalRoot","modalContent","surface","width","modalContentBig","_extends","disableSafeTop","create","justifyContent","alignItems","flex","maxWidth","maxHeight","borderRadius","overflow","memo"],"sourceRoot":"../../../src","sources":["Date/DatePickerModal.tsx"],"mappings":"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"}
+{"version":3,"names":["Modal","StyleSheet","TouchableWithoutFeedback","useWindowDimensions","View","Platform","useTheme","DatePickerModalContent","React","memo","sharedStyles","supportedOrientations","jsx","_jsx","jsxs","_jsxs","DatePickerModal","props","visible","animationType","disableStatusBar","disableStatusBarPadding","inputEnabled","presentationStyle","statusBarOnTopOfBackdrop","rest","animationTypeCalculated","select","web","default","isPageSheet","OS","theme","dimensions","style","absoluteFill","pointerEvents","children","transparent","onRequestClose","onDismiss","statusBarTranslucent","onPress","root","backgroundColor","colors","backdrop","styles","modalRoot","modalContent","surface","width","modalContentBig","disableSafeTop","create","flex","maxWidth","maxHeight","borderRadius","overflow","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["Date/DatePickerModal.tsx"],"mappings":"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"}

package/lib/module/Date/DatePickerModalContent.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import Calendar from './Calendar';
 import AnimatedCrossView from './AnimatedCrossView';
 import DatePickerModalHeader from './DatePickerModalHeader';
@@ -7,6 +6,10 @@ import CalendarEdit from './CalendarEdit';
 import DatePickerModalHeaderBackground from './DatePickerModalHeaderBackground';
 import { useTheme } from 'react-native-paper';
 import DatePickerModalStatusBar from './DatePickerModalStatusBar';
+import React, { memo, useCallback, useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export function DatePickerModalContent(props) {
   const {
     mode,
@@ -24,18 +27,21 @@ export function DatePickerModalContent(props) {
     statusBarOnTopOfBackdrop,
     startWeekOnMonday
   } = props;
+  const theme = useTheme();
   const anyProps = props;
+  const defaultUppercase = !theme.isV3;
 
   // use local state to add only onConfirm state changes
-  const [state, setState] = React.useState({
+  const [state, setState] = useState({
     date: anyProps.date,
     startDate: anyProps.startDate,
     endDate: anyProps.endDate,
     dates: anyProps.dates
   });
+  const [collapsed, setCollapsed] = useState(true);
 
   // update local state if changed from outside or if modal is opened
-  React.useEffect(() => {
+  useEffect(() => {
     setState({
       date: anyProps.date,
       startDate: anyProps.startDate,
@@ -43,15 +49,14 @@ export function DatePickerModalContent(props) {
       dates: anyProps.dates
     });
   }, [anyProps.date, anyProps.startDate, anyProps.endDate, anyProps.dates]);
-  const [collapsed, setCollapsed] = React.useState(true);
-  const onInnerChange = React.useCallback(params => {
+  const onInnerChange = useCallback(params => {
     onChange && onChange(params);
     setState(prev => ({
       ...prev,
       ...params
     }));
   }, [onChange, setState]);
-  const onInnerConfirm = React.useCallback(() => {
+  const onInnerConfirm = useCallback(() => {
     if (mode === 'single') {
       ;
       onConfirm({
@@ -70,69 +75,71 @@ export function DatePickerModalContent(props) {
       });
     }
   }, [state, mode, onConfirm]);
-  const onToggleCollapse = React.useCallback(() => {
+  const onToggleCollapse = useCallback(() => {
     setCollapsed(prev => !prev);
   }, [setCollapsed]);
-  const theme = useTheme();
-  const defaultUppercase = !theme.isV3;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DatePickerModalHeaderBackground, null, /*#__PURE__*/React.createElement(DatePickerModalStatusBar, {
-    disableSafeTop: !!disableSafeTop,
-    disableStatusBar: !!disableStatusBar,
-    statusBarOnTopOfBackdrop: !!statusBarOnTopOfBackdrop
-  }), /*#__PURE__*/React.createElement(DatePickerModalHeader, {
-    locale: locale,
-    onSave: onInnerConfirm,
-    onDismiss: onDismiss,
-    saveLabel: props.saveLabel,
-    saveLabelDisabled: props.saveLabelDisabled ?? false,
-    uppercase: props.uppercase ?? defaultUppercase,
-    closeIcon: props.closeIcon
-  }), /*#__PURE__*/React.createElement(DatePickerModalContentHeader, {
-    state: state,
-    mode: mode,
-    collapsed: collapsed,
-    onToggle: onToggleCollapse,
-    headerSeparator: props.headerSeparator,
-    emptyLabel: props.emptyLabel,
-    label: props.label,
-    moreLabel: props.moreLabel,
-    startLabel: props.startLabel,
-    endLabel: props.endLabel,
-    uppercase: props.uppercase ?? defaultUppercase,
-    locale: locale,
-    editIcon: props?.editIcon,
-    calendarIcon: props.calendarIcon,
-    allowEditing: props.allowEditing ?? true
-  })), /*#__PURE__*/React.createElement(AnimatedCrossView, {
-    collapsed: collapsed,
-    calendar: /*#__PURE__*/React.createElement(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
-    }),
-    calendarEdit: /*#__PURE__*/React.createElement(CalendarEdit, {
-      mode: mode,
-      state: state,
-      label: props.label,
-      startLabel: props.startLabel,
-      endLabel: props.endLabel,
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(DatePickerModalHeaderBackground, {
+      children: [/*#__PURE__*/_jsx(DatePickerModalStatusBar, {
+        disableSafeTop: !!disableSafeTop,
+        disableStatusBar: !!disableStatusBar,
+        statusBarOnTopOfBackdrop: !!statusBarOnTopOfBackdrop
+      }), /*#__PURE__*/_jsx(DatePickerModalHeader, {
+        locale: locale,
+        onSave: onInnerConfirm,
+        onDismiss: onDismiss,
+        saveLabel: props.saveLabel,
+        saveLabelDisabled: props.saveLabelDisabled ?? false,
+        uppercase: props.uppercase ?? defaultUppercase,
+        closeIcon: props.closeIcon
+      }), /*#__PURE__*/_jsx(DatePickerModalContentHeader, {
+        state: state,
+        mode: mode,
+        collapsed: collapsed,
+        onToggle: onToggleCollapse,
+        headerSeparator: props.headerSeparator,
+        emptyLabel: props.emptyLabel,
+        label: props.label,
+        moreLabel: props.moreLabel,
+        startLabel: props.startLabel,
+        endLabel: props.endLabel,
+        uppercase: props.uppercase ?? defaultUppercase,
+        locale: locale,
+        editIcon: props?.editIcon,
+        calendarIcon: props.calendarIcon,
+        allowEditing: props.allowEditing ?? true
+      })]
+    }), /*#__PURE__*/_jsx(AnimatedCrossView, {
       collapsed: collapsed,
-      onChange: onInnerChange,
-      validRange: validRange,
-      locale: locale,
-      inputEnabled: props.inputEnabled
-    })
-  }));
+      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
+      }),
+      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
+      })
+    })]
+  });
 }
-export default /*#__PURE__*/React.memo(DatePickerModalContent);
+export default /*#__PURE__*/memo(DatePickerModalContent);
 //# sourceMappingURL=DatePickerModalContent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Calendar","AnimatedCrossView","DatePickerModalHeader","DatePickerModalContentHeader","CalendarEdit","DatePickerModalHeaderBackground","useTheme","DatePickerModalStatusBar","DatePickerModalContent","props","mode","onChange","onConfirm","onDismiss","disableSafeTop","disableStatusBar","disableWeekDays","locale","validRange","dateMode","startYear","endYear","statusBarOnTopOfBackdrop","startWeekOnMonday","anyProps","state","setState","useState","date","startDate","endDate","dates","useEffect","collapsed","setCollapsed","onInnerChange","useCallback","params","prev","onInnerConfirm","onToggleCollapse","theme","defaultUppercase","isV3","createElement","Fragment","onSave","saveLabel","saveLabelDisabled","uppercase","closeIcon","onToggle","headerSeparator","emptyLabel","label","moreLabel","startLabel","endLabel","editIcon","calendarIcon","allowEditing","calendar","calendarEdit","inputEnabled","memo"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalContent.tsx"],"mappings":"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"}
+{"version":3,"names":["Calendar","AnimatedCrossView","DatePickerModalHeader","DatePickerModalContentHeader","CalendarEdit","DatePickerModalHeaderBackground","useTheme","DatePickerModalStatusBar","React","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","theme","anyProps","defaultUppercase","isV3","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"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalContent.tsx"],"mappings":"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"}

package/lib/module/Date/DatePickerModalContentHeader.js

@@ -1,10 +1,13 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import * as React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { IconButton, Text, useTheme } from 'react-native-paper';
-import { useHeaderTextColor } from '../utils';
+import { useHeaderTextColor } from '../shared/utils';
 import Color from 'color';
 import { getTranslation } from '../translations/utils';
+import React, { useMemo } from 'react';
+import { sharedStyles } from '../shared/styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 function getLabel(locale, mode, configuredLabel) {
   if (configuredLabel) {
     return configuredLabel;
@@ -41,31 +44,39 @@ export default function DatePickerModalContentHeader(props) {
   const expandedIcon = theme.isV3 ? 'calendar-blank' : 'calendar';
   const finalCollapsedIcon = editIcon ?? collapsedIcon;
   const finalExpandedIcon = calendarIcon ?? expandedIcon;
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.header
-  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
-    maxFontSizeMultiplier: 1.5,
-    style: [styles.label, {
-      color: supportingTextColor,
-      ...textFont
-    }]
-  }, uppercase ? label.toUpperCase() : label), /*#__PURE__*/React.createElement(View, {
-    style: styles.headerContentContainer
-  }, mode === 'range' ? /*#__PURE__*/React.createElement(HeaderContentRange, _extends({}, props, {
-    color: color
-  })) : null, mode === 'single' ? /*#__PURE__*/React.createElement(HeaderContentSingle, _extends({}, props, {
-    color: color
-  })) : null, mode === 'multiple' ? /*#__PURE__*/React.createElement(HeaderContentMulti, _extends({}, props, {
-    color: color,
-    moreLabel: moreLabel
-  })) : null)), /*#__PURE__*/React.createElement(View, {
-    style: styles.fill
-  }), isEditingEnabled ? /*#__PURE__*/React.createElement(IconButton, {
-    icon: collapsed ? finalCollapsedIcon : finalExpandedIcon,
-    accessibilityLabel: collapsed ? getTranslation(props.locale, 'typeInDate') : getTranslation(props.locale, 'pickDateFromCalendar'),
-    iconColor: theme.isV3 ? theme.colors.onSurface : color,
-    onPress: onToggle
-  }) : null);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.header,
+    children: [/*#__PURE__*/_jsxs(View, {
+      children: [/*#__PURE__*/_jsx(Text, {
+        maxFontSizeMultiplier: 1.5,
+        style: [styles.label, {
+          color: supportingTextColor,
+          ...textFont
+        }],
+        children: uppercase ? label.toUpperCase() : label
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.headerContentContainer,
+        children: [mode === 'range' ? /*#__PURE__*/_jsx(HeaderContentRange, {
+          ...props,
+          color: color
+        }) : null, mode === 'single' ? /*#__PURE__*/_jsx(HeaderContentSingle, {
+          ...props,
+          color: color
+        }) : null, mode === 'multiple' ? /*#__PURE__*/_jsx(HeaderContentMulti, {
+          ...props,
+          color: color,
+          moreLabel: moreLabel
+        }) : null]
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: sharedStyles.root
+    }), isEditingEnabled ? /*#__PURE__*/_jsx(IconButton, {
+      icon: collapsed ? finalCollapsedIcon : finalExpandedIcon,
+      accessibilityLabel: collapsed ? getTranslation(props.locale, 'typeInDate') : getTranslation(props.locale, 'pickDateFromCalendar'),
+      iconColor: theme.isV3 ? theme.colors.onSurface : color,
+      onPress: onToggle
+    }) : null]
+  });
 }
 export function HeaderContentSingle({
   state,
@@ -76,18 +87,19 @@ export function HeaderContentSingle({
   const theme = useTheme();
   const lighterColor = Color(color).fade(0.5).rgb().toString();
   const dateColor = state.date ? theme.isV3 ? theme.colors.onSurface : color : lighterColor;
-  const formatter = React.useMemo(() => {
+  const formatter = useMemo(() => {
     return new Intl.DateTimeFormat(locale, {
       month: 'short',
       day: 'numeric'
     });
   }, [locale]);
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/_jsx(Text, {
     maxFontSizeMultiplier: 1.5,
-    style: [styles.singleHeaderText, {
+    style: [styles.text, {
       color: dateColor
-    }]
-  }, state.date ? formatter.format(state.date) : emptyLabel);
+    }],
+    children: state.date ? formatter.format(state.date) : emptyLabel
+  });
 }
 export function HeaderContentMulti({
   state,
@@ -100,7 +112,7 @@ export function HeaderContentMulti({
   const dateCount = state.dates?.length || 0;
   const lighterColor = Color(color).fade(0.5).rgb().toString();
   const dateColor = dateCount ? theme.isV3 ? theme.colors.onSurface : color : lighterColor;
-  const formatter = React.useMemo(() => {
+  const formatter = useMemo(() => {
     return new Intl.DateTimeFormat(locale, {
       month: 'short',
       day: 'numeric'
@@ -114,12 +126,13 @@ export function HeaderContentMulti({
       label = formatter.format(state.dates[0]) + ` (+ ${dateCount - 1} ${moreLabel})`;
     }
   }
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/_jsx(Text, {
     maxFontSizeMultiplier: 1.5,
-    style: [styles.singleHeaderText, {
+    style: [styles.text, {
       color: dateColor
-    }]
-  }, label);
+    }],
+    children: label
+  });
 }
 export function HeaderContentRange({
   locale,
@@ -130,45 +143,40 @@ export function HeaderContentRange({
   color
 }) {
   const theme = useTheme();
-  const formatter = React.useMemo(() => {
-    return new Intl.DateTimeFormat(locale, {
-      month: 'short',
-      day: 'numeric'
-    });
-  }, [locale]);
   const lighterColor = Color(color).fade(0.5).rgb().toString();
   const startColorFilled = theme.isV3 ? theme.colors.onSurface : color;
   const endColorFilled = theme.isV3 ? theme.colors.onSurface : color;
   const startColor = state.startDate ? startColorFilled : lighterColor;
   const endColor = state.endDate ? endColorFilled : lighterColor;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    maxFontSizeMultiplier: 1.5,
-    style: [styles.rangeHeaderText, {
-      color: startColor
-    }]
-  }, state.startDate ? formatter.format(state.startDate) : startLabel), /*#__PURE__*/React.createElement(Text, {
-    maxFontSizeMultiplier: 1.5,
-    style: [styles.headerSeparator, {
-      color
-    }]
-  }, headerSeparator), /*#__PURE__*/React.createElement(Text, {
-    maxFontSizeMultiplier: 1.5,
-    style: [styles.rangeHeaderText, {
-      color: endColor
-    }]
-  }, state.endDate ? formatter.format(state.endDate) : endLabel));
+  const formatter = useMemo(() => {
+    return new Intl.DateTimeFormat(locale, {
+      month: 'short',
+      day: 'numeric'
+    });
+  }, [locale]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      maxFontSizeMultiplier: 1.5,
+      style: [styles.text, {
+        color: startColor
+      }],
+      children: state.startDate ? formatter.format(state.startDate) : startLabel
+    }), /*#__PURE__*/_jsx(Text, {
+      maxFontSizeMultiplier: 1.5,
+      style: [styles.headerSeparator, {
+        color
+      }],
+      children: headerSeparator
+    }), /*#__PURE__*/_jsx(Text, {
+      maxFontSizeMultiplier: 1.5,
+      style: [styles.text, {
+        color: endColor
+      }],
+      children: state.endDate ? formatter.format(state.endDate) : endLabel
+    })]
+  });
 }
 const styles = StyleSheet.create({
-  fill: {
-    flex: 1
-  },
-  animated: {
-    paddingBottom: 0,
-    elevation: 4
-  },
-  safeContent: {
-    paddingBottom: 0
-  },
   header: {
     height: 75,
     alignItems: 'center',
@@ -177,29 +185,8 @@ const styles = StyleSheet.create({
     paddingRight: 12
   },
   headerContentContainer: {
-    marginTop: 5,
-    flexDirection: 'row'
-  },
-  label: {
-    color: '#fff',
-    letterSpacing: 1,
-    fontSize: 13
-  },
-  singleHeaderText: {
-    color: '#fff',
-    fontSize: 25
-  },
-  rangeHeaderText: {
-    color: '#fff',
-    fontSize: 25
-  },
-  excludeInRangeHeaderText: {
-    fontSize: 25
-  },
-  excludeInRangeHeaderTextSmall: {
-    fontSize: 14,
-    marginTop: -3,
-    marginLeft: 3
+    flexDirection: 'row',
+    marginTop: 5
   },
   headerSeparator: {
     color: 'rgba(255,255,255,1)',
@@ -207,14 +194,14 @@ const styles = StyleSheet.create({
     paddingLeft: 6,
     paddingRight: 6
   },
-  appbarHeader: {
-    elevation: 0
-  },
-  column: {
-    flexDirection: 'column'
+  label: {
+    color: '#fff',
+    fontSize: 13,
+    letterSpacing: 1
   },
-  row: {
-    flexDirection: 'row'
+  text: {
+    color: '#fff',
+    fontSize: 25
   }
 });
 //# sourceMappingURL=DatePickerModalContentHeader.js.map