react-native-paper-dates 0.23.13 → 0.23.14

package/lib/commonjs/Date/DatePickerModalHeaderBackground.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = DatePickerModalHeaderBackground;
 var _reactNative = require("react-native");
+var _reactNativePaper = require("react-native-paper");
 var _utils = require("../shared/utils");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -13,18 +14,13 @@ function DatePickerModalHeaderBackground({
 }) {
   const backgroundColor = (0, _utils.useHeaderBackgroundColor)();
   const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-    style: [styles.animated, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+    style: {
       backgroundColor,
       paddingLeft: insets.left,
       paddingRight: insets.right
-    }],
-    children: children
+    },
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Divider, {})]
   });
 }
-const styles = _reactNative.StyleSheet.create({
-  animated: {
-    elevation: 4
-  }
-});
 //# sourceMappingURL=DatePickerModalHeaderBackground.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_utils","_reactNativeSafeAreaContext","_jsxRuntime","DatePickerModalHeaderBackground","children","backgroundColor","useHeaderBackgroundColor","insets","useSafeAreaInsets","jsx","Animated","View","style","styles","animated","paddingLeft","left","paddingRight","right","StyleSheet","create","elevation"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalHeaderBackground.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAAkE,IAAAG,WAAA,GAAAH,OAAA;AAEnD,SAASI,+BAA+BA,CAAC;EACtDC;AAGF,CAAC,EAAE;EACD,MAAMC,eAAe,GAAG,IAAAC,+BAAwB,EAAC,CAAC;EAClD,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAElC,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACX,YAAA,CAAAY,QAAQ,CAACC,IAAI;IACZC,KAAK,EAAE,CACLC,MAAM,CAACC,QAAQ,EACf;MACET,eAAe;MACfU,WAAW,EAAER,MAAM,CAACS,IAAI;MACxBC,YAAY,EAAEV,MAAM,CAACW;IACvB,CAAC,CACD;IAAAd,QAAA,EAEDA;EAAQ,CACI,CAAC;AAEpB;AAEA,MAAMS,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,QAAQ,EAAE;IACRO,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativePaper","_utils","_reactNativeSafeAreaContext","_jsxRuntime","DatePickerModalHeaderBackground","children","backgroundColor","useHeaderBackgroundColor","insets","useSafeAreaInsets","jsxs","Animated","View","style","paddingLeft","left","paddingRight","right","jsx","Divider"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalHeaderBackground.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,2BAAA,GAAAH,OAAA;AAAkE,IAAAI,WAAA,GAAAJ,OAAA;AAEnD,SAASK,+BAA+BA,CAAC;EACtDC;AAGF,CAAC,EAAE;EACD,MAAMC,eAAe,GAAG,IAAAC,+BAAwB,EAAC,CAAC;EAClD,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAElC,oBACE,IAAAN,WAAA,CAAAO,IAAA,EAACZ,YAAA,CAAAa,QAAQ,CAACC,IAAI;IACZC,KAAK,EAAE;MACLP,eAAe;MACfQ,WAAW,EAAEN,MAAM,CAACO,IAAI;MACxBC,YAAY,EAAER,MAAM,CAACS;IACvB,CAAE;IAAAZ,QAAA,GAEDA,QAAQ,eACT,IAAAF,WAAA,CAAAe,GAAA,EAAClB,iBAAA,CAAAmB,OAAO,IAAE,CAAC;EAAA,CACE,CAAC;AAEpB","ignoreList":[]}

package/lib/module/Date/DatePickerModalHeaderBackground.js

@@ -1,26 +1,22 @@
 "use strict";
 
-import { Animated, StyleSheet } from 'react-native';
+import { Animated } from 'react-native';
+import { Divider } from 'react-native-paper';
 import { useHeaderBackgroundColor } from '../shared/utils';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function DatePickerModalHeaderBackground({
   children
 }) {
   const backgroundColor = useHeaderBackgroundColor();
   const insets = useSafeAreaInsets();
-  return /*#__PURE__*/_jsx(Animated.View, {
-    style: [styles.animated, {
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: {
       backgroundColor,
       paddingLeft: insets.left,
       paddingRight: insets.right
-    }],
-    children: children
+    },
+    children: [children, /*#__PURE__*/_jsx(Divider, {})]
   });
 }
-const styles = StyleSheet.create({
-  animated: {
-    elevation: 4
-  }
-});
 //# sourceMappingURL=DatePickerModalHeaderBackground.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Animated","StyleSheet","useHeaderBackgroundColor","useSafeAreaInsets","jsx","_jsx","DatePickerModalHeaderBackground","children","backgroundColor","insets","View","style","styles","animated","paddingLeft","left","paddingRight","right","create","elevation"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalHeaderBackground.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,wBAAwB,QAAQ,iBAAiB;AAC1D,SAASC,iBAAiB,QAAQ,gCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAElE,eAAe,SAASC,+BAA+BA,CAAC;EACtDC;AAGF,CAAC,EAAE;EACD,MAAMC,eAAe,GAAGN,wBAAwB,CAAC,CAAC;EAClD,MAAMO,MAAM,GAAGN,iBAAiB,CAAC,CAAC;EAElC,oBACEE,IAAA,CAACL,QAAQ,CAACU,IAAI;IACZC,KAAK,EAAE,CACLC,MAAM,CAACC,QAAQ,EACf;MACEL,eAAe;MACfM,WAAW,EAAEL,MAAM,CAACM,IAAI;MACxBC,YAAY,EAAEP,MAAM,CAACQ;IACvB,CAAC,CACD;IAAAV,QAAA,EAEDA;EAAQ,CACI,CAAC;AAEpB;AAEA,MAAMK,MAAM,GAAGX,UAAU,CAACiB,MAAM,CAAC;EAC/BL,QAAQ,EAAE;IACRM,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"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":[]}

package/lib/typescript/Date/DatePickerModalHeaderBackground.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerModalHeaderBackground.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalHeaderBackground.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,+BAA+B,CAAC,EACtD,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,GAAG,CAAA;CACd,+BAkBA"}
+{"version":3,"file":"DatePickerModalHeaderBackground.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalHeaderBackground.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,+BAA+B,CAAC,EACtD,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,GAAG,CAAA;CACd,+BAgBA"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.23.13",
+  "version": "0.23.14",
   "author": "Richard Lindhout <info@webridge.nl> (https://github.com/web-ridge)",
   "bugs": {
     "url": "https://github.com/web-ridge/react-native-paper-dates/issues"

package/src/Date/DatePickerModalHeaderBackground.tsx

@@ -1,4 +1,5 @@
-import { Animated, StyleSheet } from 'react-native'
+import { Animated } from 'react-native'
+import { Divider } from 'react-native-paper'
 import { useHeaderBackgroundColor } from '../shared/utils'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 
@@ -12,22 +13,14 @@ export default function DatePickerModalHeaderBackground({
 
   return (
     <Animated.View
-      style={[
-        styles.animated,
-        {
-          backgroundColor,
-          paddingLeft: insets.left,
-          paddingRight: insets.right,
-        },
-      ]}
+      style={{
+        backgroundColor,
+        paddingLeft: insets.left,
+        paddingRight: insets.right,
+      }}
     >
       {children}
+      <Divider />
     </Animated.View>
   )
 }
-
-const styles = StyleSheet.create({
-  animated: {
-    elevation: 4,
-  },
-})