react-native-paper-dates 0.11.13 → 0.11.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -50,6 +50,7 @@ function DatePickerInput(_ref, ref) {
50
50
  size: 24,
51
51
  style: styles.calendarButton,
52
52
  icon: calendarIcon,
53
+ disabled: rest.disabled,
53
54
  onPress: () => setVisible(true)
54
55
  }) : null // eslint-disable-next-line react/no-unstable-nested-components
55
56
  ,
@@ -1 +1 @@
1
- {"version":3,"names":["DatePickerInput","ref","withModal","calendarIcon","rest","visible","setVisible","React","useState","onDismiss","useCallback","onChangeRef","useLatest","onChange","onInnerConfirm","date","current","styles","calendarButton","value","locale","inputMode","validRange","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","StyleSheet","create","position","right","zIndex","forwardRef"],"sources":["DatePickerInput.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { IconButton } from 'react-native-paper'\nimport { StyleSheet } from 'react-native'\nimport DatePickerModal from './DatePickerModal'\nimport { useLatest } from '../utils'\nimport type { DatePickerInputProps } from './DatePickerInput.shared'\nimport DatePickerInputWithoutModal from './DatePickerInputWithoutModal'\n\nfunction DatePickerInput(\n {\n withModal = true,\n calendarIcon = 'calendar',\n ...rest\n }: DatePickerInputProps,\n ref: any\n) {\n const [visible, setVisible] = React.useState<boolean>(false)\n const onDismiss = React.useCallback(() => {\n setVisible(false)\n }, [setVisible])\n const onChangeRef = useLatest(rest.onChange)\n const onInnerConfirm = React.useCallback(\n ({ date }: any) => {\n setVisible(false)\n onChangeRef.current(date)\n },\n [setVisible, onChangeRef]\n )\n\n return (\n <DatePickerInputWithoutModal\n ref={ref}\n {...rest}\n inputButtons={\n withModal ? (\n <IconButton\n size={24}\n style={styles.calendarButton}\n icon={calendarIcon}\n onPress={() => setVisible(true)}\n />\n ) : null\n }\n // eslint-disable-next-line react/no-unstable-nested-components\n modal={({\n value,\n locale,\n inputMode,\n validRange,\n saveLabel,\n saveLabelDisabled,\n uppercase,\n startYear,\n endYear,\n }) =>\n withModal ? (\n <DatePickerModal\n date={value}\n mode=\"single\"\n visible={visible}\n onDismiss={onDismiss}\n onConfirm={onInnerConfirm}\n locale={locale}\n dateMode={inputMode}\n validRange={validRange}\n saveLabel={saveLabel}\n saveLabelDisabled={saveLabelDisabled ?? false}\n uppercase={uppercase ?? true}\n startYear={startYear ?? 1800}\n endYear={endYear ?? 2200}\n />\n ) : null\n }\n />\n )\n}\n\nconst styles = StyleSheet.create({\n calendarButton: { position: 'absolute', right: 0, zIndex: 10 },\n})\n\nexport default React.forwardRef(DatePickerInput)\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,SAASA,eAAT,OAMEC,GANF,EAOE;EAAA,IANA;IACEC,SAAS,GAAG,IADd;IAEEC,YAAY,GAAG,UAFjB;IAGE,GAAGC;EAHL,CAMA;EACA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBC,KAAK,CAACC,QAAN,CAAwB,KAAxB,CAA9B;EACA,MAAMC,SAAS,GAAGF,KAAK,CAACG,WAAN,CAAkB,MAAM;IACxCJ,UAAU,CAAC,KAAD,CAAV;EACD,CAFiB,EAEf,CAACA,UAAD,CAFe,CAAlB;EAGA,MAAMK,WAAW,GAAG,IAAAC,gBAAA,EAAUR,IAAI,CAACS,QAAf,CAApB;EACA,MAAMC,cAAc,GAAGP,KAAK,CAACG,WAAN,CACrB,SAAmB;IAAA,IAAlB;MAAEK;IAAF,CAAkB;IACjBT,UAAU,CAAC,KAAD,CAAV;IACAK,WAAW,CAACK,OAAZ,CAAoBD,IAApB;EACD,CAJoB,EAKrB,CAACT,UAAD,EAAaK,WAAb,CALqB,CAAvB;EAQA,oBACE,oBAAC,oCAAD;IACE,GAAG,EAAEV;EADP,GAEMG,IAFN;IAGE,YAAY,EACVF,SAAS,gBACP,oBAAC,4BAAD;MACE,IAAI,EAAE,EADR;MAEE,KAAK,EAAEe,MAAM,CAACC,cAFhB;MAGE,IAAI,EAAEf,YAHR;MAIE,OAAO,EAAE,MAAMG,UAAU,CAAC,IAAD;IAJ3B,EADO,GAOL,IAXR,CAaE;IAbF;IAcE,KAAK,EAAE;MAAA,IAAC;QACNa,KADM;QAENC,MAFM;QAGNC,SAHM;QAINC,UAJM;QAKNC,SALM;QAMNC,iBANM;QAONC,SAPM;QAQNC,SARM;QASNC;MATM,CAAD;MAAA,OAWLzB,SAAS,gBACP,oBAAC,wBAAD;QACE,IAAI,EAAEiB,KADR;QAEE,IAAI,EAAC,QAFP;QAGE,OAAO,EAAEd,OAHX;QAIE,SAAS,EAAEI,SAJb;QAKE,SAAS,EAAEK,cALb;QAME,MAAM,EAAEM,MANV;QAOE,QAAQ,EAAEC,SAPZ;QAQE,UAAU,EAAEC,UARd;QASE,SAAS,EAAEC,SATb;QAUE,iBAAiB,EAAEC,iBAAiB,IAAI,KAV1C;QAWE,SAAS,EAAEC,SAAS,IAAI,IAX1B;QAYE,SAAS,EAAEC,SAAS,IAAI,IAZ1B;QAaE,OAAO,EAAEC,OAAO,IAAI;MAbtB,EADO,GAgBL,IA3BC;IAAA;EAdT,GADF;AA8CD;;AAED,MAAMV,MAAM,GAAGW,uBAAA,CAAWC,MAAX,CAAkB;EAC/BX,cAAc,EAAE;IAAEY,QAAQ,EAAE,UAAZ;IAAwBC,KAAK,EAAE,CAA/B;IAAkCC,MAAM,EAAE;EAA1C;AADe,CAAlB,CAAf;;4BAIezB,KAAK,CAAC0B,UAAN,CAAiBjC,eAAjB,C"}
1
+ {"version":3,"names":["DatePickerInput","ref","withModal","calendarIcon","rest","visible","setVisible","React","useState","onDismiss","useCallback","onChangeRef","useLatest","onChange","onInnerConfirm","date","current","styles","calendarButton","disabled","value","locale","inputMode","validRange","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","StyleSheet","create","position","right","zIndex","forwardRef"],"sources":["DatePickerInput.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { IconButton } from 'react-native-paper'\nimport { StyleSheet } from 'react-native'\nimport DatePickerModal from './DatePickerModal'\nimport { useLatest } from '../utils'\nimport type { DatePickerInputProps } from './DatePickerInput.shared'\nimport DatePickerInputWithoutModal from './DatePickerInputWithoutModal'\n\nfunction DatePickerInput(\n {\n withModal = true,\n calendarIcon = 'calendar',\n ...rest\n }: DatePickerInputProps,\n ref: any\n) {\n const [visible, setVisible] = React.useState<boolean>(false)\n const onDismiss = React.useCallback(() => {\n setVisible(false)\n }, [setVisible])\n const onChangeRef = useLatest(rest.onChange)\n const onInnerConfirm = React.useCallback(\n ({ date }: any) => {\n setVisible(false)\n onChangeRef.current(date)\n },\n [setVisible, onChangeRef]\n )\n\n return (\n <DatePickerInputWithoutModal\n ref={ref}\n {...rest}\n inputButtons={\n withModal ? (\n <IconButton\n size={24}\n style={styles.calendarButton}\n icon={calendarIcon}\n disabled={rest.disabled}\n onPress={() => setVisible(true)}\n />\n ) : null\n }\n // eslint-disable-next-line react/no-unstable-nested-components\n modal={({\n value,\n locale,\n inputMode,\n validRange,\n saveLabel,\n saveLabelDisabled,\n uppercase,\n startYear,\n endYear,\n }) =>\n withModal ? (\n <DatePickerModal\n date={value}\n mode=\"single\"\n visible={visible}\n onDismiss={onDismiss}\n onConfirm={onInnerConfirm}\n locale={locale}\n dateMode={inputMode}\n validRange={validRange}\n saveLabel={saveLabel}\n saveLabelDisabled={saveLabelDisabled ?? false}\n uppercase={uppercase ?? true}\n startYear={startYear ?? 1800}\n endYear={endYear ?? 2200}\n />\n ) : null\n }\n />\n )\n}\n\nconst styles = StyleSheet.create({\n calendarButton: { position: 'absolute', right: 0, zIndex: 10 },\n})\n\nexport default React.forwardRef(DatePickerInput)\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,SAASA,eAAT,OAMEC,GANF,EAOE;EAAA,IANA;IACEC,SAAS,GAAG,IADd;IAEEC,YAAY,GAAG,UAFjB;IAGE,GAAGC;EAHL,CAMA;EACA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBC,KAAK,CAACC,QAAN,CAAwB,KAAxB,CAA9B;EACA,MAAMC,SAAS,GAAGF,KAAK,CAACG,WAAN,CAAkB,MAAM;IACxCJ,UAAU,CAAC,KAAD,CAAV;EACD,CAFiB,EAEf,CAACA,UAAD,CAFe,CAAlB;EAGA,MAAMK,WAAW,GAAG,IAAAC,gBAAA,EAAUR,IAAI,CAACS,QAAf,CAApB;EACA,MAAMC,cAAc,GAAGP,KAAK,CAACG,WAAN,CACrB,SAAmB;IAAA,IAAlB;MAAEK;IAAF,CAAkB;IACjBT,UAAU,CAAC,KAAD,CAAV;IACAK,WAAW,CAACK,OAAZ,CAAoBD,IAApB;EACD,CAJoB,EAKrB,CAACT,UAAD,EAAaK,WAAb,CALqB,CAAvB;EAQA,oBACE,oBAAC,oCAAD;IACE,GAAG,EAAEV;EADP,GAEMG,IAFN;IAGE,YAAY,EACVF,SAAS,gBACP,oBAAC,4BAAD;MACE,IAAI,EAAE,EADR;MAEE,KAAK,EAAEe,MAAM,CAACC,cAFhB;MAGE,IAAI,EAAEf,YAHR;MAIE,QAAQ,EAAEC,IAAI,CAACe,QAJjB;MAKE,OAAO,EAAE,MAAMb,UAAU,CAAC,IAAD;IAL3B,EADO,GAQL,IAZR,CAcE;IAdF;IAeE,KAAK,EAAE;MAAA,IAAC;QACNc,KADM;QAENC,MAFM;QAGNC,SAHM;QAINC,UAJM;QAKNC,SALM;QAMNC,iBANM;QAONC,SAPM;QAQNC,SARM;QASNC;MATM,CAAD;MAAA,OAWL1B,SAAS,gBACP,oBAAC,wBAAD;QACE,IAAI,EAAEkB,KADR;QAEE,IAAI,EAAC,QAFP;QAGE,OAAO,EAAEf,OAHX;QAIE,SAAS,EAAEI,SAJb;QAKE,SAAS,EAAEK,cALb;QAME,MAAM,EAAEO,MANV;QAOE,QAAQ,EAAEC,SAPZ;QAQE,UAAU,EAAEC,UARd;QASE,SAAS,EAAEC,SATb;QAUE,iBAAiB,EAAEC,iBAAiB,IAAI,KAV1C;QAWE,SAAS,EAAEC,SAAS,IAAI,IAX1B;QAYE,SAAS,EAAEC,SAAS,IAAI,IAZ1B;QAaE,OAAO,EAAEC,OAAO,IAAI;MAbtB,EADO,GAgBL,IA3BC;IAAA;EAfT,GADF;AA+CD;;AAED,MAAMX,MAAM,GAAGY,uBAAA,CAAWC,MAAX,CAAkB;EAC/BZ,cAAc,EAAE;IAAEa,QAAQ,EAAE,UAAZ;IAAwBC,KAAK,EAAE,CAA/B;IAAkCC,MAAM,EAAE;EAA1C;AADe,CAAlB,CAAf;;4BAIe1B,KAAK,CAAC2B,UAAN,CAAiBlC,eAAjB,C"}
@@ -77,7 +77,7 @@ function Day(props) {
77
77
  } : null]
78
78
  }, /*#__PURE__*/React.createElement(_reactNativePaper.Text, {
79
79
  style: [textColor ? {
80
- color: theme.isV3 && isToday ? theme.colors.primary : textColor
80
+ color: theme.isV3 && isToday && selected ? textColor : theme.isV3 && isToday ? theme.colors.primary : textColor
81
81
  } : undefined, { ...textFont
82
82
  }],
83
83
  selectable: false
@@ -1 +1 @@
1
- {"version":3,"names":["EmptyDayPure","styles","empty","EmptyDay","React","memo","Day","props","day","month","year","selected","inRange","leftCrop","rightCrop","onPressDate","primaryColor","selectColor","isToday","disabled","textColorOnPrimary","theme","onPress","useCallback","Date","borderColor","isV3","colors","primary","dark","textColor","onPrimary","onPrimaryContainer","onSurface","undefined","textFont","fonts","bodySmall","medium","root","button","backgroundColor","color","StyleSheet","create","flex","flexBasis","opacity","justifyContent","alignItems","position","width","daySize","height","overflow","borderRadius","borderWidth","flex1"],"sources":["Day.tsx"],"sourcesContent":["import * as React from 'react'\nimport { MD2Theme, Text, TouchableRipple } from 'react-native-paper'\nimport { StyleSheet, View } from 'react-native'\nimport DayRange from './DayRange'\nimport { daySize } from './dateUtils'\n\nimport type { PaperTheme } from '../utils'\n\nfunction EmptyDayPure() {\n return <View style={styles.empty} />\n}\nexport const EmptyDay = React.memo(EmptyDayPure)\n\nfunction Day(props: {\n theme: PaperTheme\n textColorOnPrimary: string\n day: number\n month: number\n year: number\n selected: boolean\n inRange: boolean\n leftCrop: boolean\n rightCrop: boolean\n primaryColor: string\n selectColor: string\n isToday: boolean\n disabled: boolean\n onPressDate: (date: Date) => any\n}) {\n const {\n day,\n month,\n year,\n selected,\n inRange,\n leftCrop,\n rightCrop,\n onPressDate,\n primaryColor,\n selectColor,\n isToday,\n disabled,\n textColorOnPrimary,\n theme,\n } = props\n const onPress = React.useCallback(() => {\n onPressDate(new Date(year, month, day))\n }, [onPressDate, year, month, day])\n\n const borderColor = theme.isV3\n ? theme.colors.primary\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.dark\n ? '#fff'\n : '#000'\n\n const textColor =\n theme.isV3 && selected\n ? theme.colors.onPrimary\n : theme.isV3 && inRange && theme.dark\n ? theme.colors.onPrimaryContainer\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.isV3\n ? theme.colors.onSurface\n : undefined\n\n let textFont = theme?.isV3\n ? theme.fonts.bodySmall\n : (theme as any as MD2Theme).fonts.medium\n\n return (\n <View style={[styles.root, disabled && styles.disabled]}>\n <DayRange\n inRange={inRange}\n leftCrop={leftCrop}\n rightCrop={rightCrop}\n selectColor={selectColor}\n />\n <TouchableRipple\n testID={`react-native-paper-dates-day-${year}-${month}-${day}`}\n disabled={disabled}\n borderless={true}\n onPress={disabled ? undefined : onPress}\n style={[\n styles.button,\n { backgroundColor: inRange ? selectColor : undefined },\n ]}\n accessibilityRole=\"button\"\n >\n <View\n style={[\n styles.day,\n isToday ? { borderColor: borderColor } : null,\n selected ? { backgroundColor: primaryColor } : null,\n ]}\n >\n <Text\n style={[\n textColor\n ? {\n color:\n theme.isV3 && isToday ? theme.colors.primary : textColor,\n }\n : undefined,\n { ...textFont },\n ]}\n selectable={false}\n >\n {day}\n </Text>\n </View>\n </TouchableRipple>\n </View>\n )\n}\n\nconst styles = StyleSheet.create({\n empty: {\n flex: 1,\n flexBasis: 0,\n },\n disabled: {\n opacity: 0.3,\n },\n root: {\n flexBasis: 0,\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n },\n button: {\n width: daySize,\n height: daySize,\n overflow: 'hidden',\n borderRadius: daySize / 2,\n },\n day: {\n flexBasis: 0,\n flex: 1,\n borderRadius: daySize / 2,\n width: daySize,\n height: daySize,\n justifyContent: 'center',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'transparent',\n },\n flex1: {\n flex: 1,\n },\n})\n\nexport default React.memo(Day)\n"],"mappings":"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"}
1
+ {"version":3,"names":["EmptyDayPure","styles","empty","EmptyDay","React","memo","Day","props","day","month","year","selected","inRange","leftCrop","rightCrop","onPressDate","primaryColor","selectColor","isToday","disabled","textColorOnPrimary","theme","onPress","useCallback","Date","borderColor","isV3","colors","primary","dark","textColor","onPrimary","onPrimaryContainer","onSurface","undefined","textFont","fonts","bodySmall","medium","root","button","backgroundColor","color","StyleSheet","create","flex","flexBasis","opacity","justifyContent","alignItems","position","width","daySize","height","overflow","borderRadius","borderWidth","flex1"],"sources":["Day.tsx"],"sourcesContent":["import * as React from 'react'\nimport { MD2Theme, Text, TouchableRipple } from 'react-native-paper'\nimport { StyleSheet, View } from 'react-native'\nimport DayRange from './DayRange'\nimport { daySize } from './dateUtils'\n\nimport type { PaperTheme } from '../utils'\n\nfunction EmptyDayPure() {\n return <View style={styles.empty} />\n}\nexport const EmptyDay = React.memo(EmptyDayPure)\n\nfunction Day(props: {\n theme: PaperTheme\n textColorOnPrimary: string\n day: number\n month: number\n year: number\n selected: boolean\n inRange: boolean\n leftCrop: boolean\n rightCrop: boolean\n primaryColor: string\n selectColor: string\n isToday: boolean\n disabled: boolean\n onPressDate: (date: Date) => any\n}) {\n const {\n day,\n month,\n year,\n selected,\n inRange,\n leftCrop,\n rightCrop,\n onPressDate,\n primaryColor,\n selectColor,\n isToday,\n disabled,\n textColorOnPrimary,\n theme,\n } = props\n const onPress = React.useCallback(() => {\n onPressDate(new Date(year, month, day))\n }, [onPressDate, year, month, day])\n\n const borderColor = theme.isV3\n ? theme.colors.primary\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.dark\n ? '#fff'\n : '#000'\n\n const textColor =\n theme.isV3 && selected\n ? theme.colors.onPrimary\n : theme.isV3 && inRange && theme.dark\n ? theme.colors.onPrimaryContainer\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.isV3\n ? theme.colors.onSurface\n : undefined\n\n let textFont = theme?.isV3\n ? theme.fonts.bodySmall\n : (theme as any as MD2Theme).fonts.medium\n\n return (\n <View style={[styles.root, disabled && styles.disabled]}>\n <DayRange\n inRange={inRange}\n leftCrop={leftCrop}\n rightCrop={rightCrop}\n selectColor={selectColor}\n />\n <TouchableRipple\n testID={`react-native-paper-dates-day-${year}-${month}-${day}`}\n disabled={disabled}\n borderless={true}\n onPress={disabled ? undefined : onPress}\n style={[\n styles.button,\n { backgroundColor: inRange ? selectColor : undefined },\n ]}\n accessibilityRole=\"button\"\n >\n <View\n style={[\n styles.day,\n isToday ? { borderColor: borderColor } : null,\n selected ? { backgroundColor: primaryColor } : null,\n ]}\n >\n <Text\n style={[\n textColor\n ? {\n color:\n theme.isV3 && isToday && selected\n ? textColor\n : theme.isV3 && isToday\n ? theme.colors.primary\n : textColor,\n }\n : undefined,\n { ...textFont },\n ]}\n selectable={false}\n >\n {day}\n </Text>\n </View>\n </TouchableRipple>\n </View>\n )\n}\n\nconst styles = StyleSheet.create({\n empty: {\n flex: 1,\n flexBasis: 0,\n },\n disabled: {\n opacity: 0.3,\n },\n root: {\n flexBasis: 0,\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n },\n button: {\n width: daySize,\n height: daySize,\n overflow: 'hidden',\n borderRadius: daySize / 2,\n },\n day: {\n flexBasis: 0,\n flex: 1,\n borderRadius: daySize / 2,\n width: daySize,\n height: daySize,\n justifyContent: 'center',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'transparent',\n },\n flex1: {\n flex: 1,\n },\n})\n\nexport default React.memo(Day)\n"],"mappings":"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"}
@@ -32,6 +32,7 @@ function DatePickerInput(_ref, ref) {
32
32
  size: 24,
33
33
  style: styles.calendarButton,
34
34
  icon: calendarIcon,
35
+ disabled: rest.disabled,
35
36
  onPress: () => setVisible(true)
36
37
  }) : null // eslint-disable-next-line react/no-unstable-nested-components
37
38
  ,
@@ -1 +1 @@
1
- {"version":3,"names":["React","IconButton","StyleSheet","DatePickerModal","useLatest","DatePickerInputWithoutModal","DatePickerInput","ref","withModal","calendarIcon","rest","visible","setVisible","useState","onDismiss","useCallback","onChangeRef","onChange","onInnerConfirm","date","current","styles","calendarButton","value","locale","inputMode","validRange","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","create","position","right","zIndex","forwardRef"],"sources":["DatePickerInput.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { IconButton } from 'react-native-paper'\nimport { StyleSheet } from 'react-native'\nimport DatePickerModal from './DatePickerModal'\nimport { useLatest } from '../utils'\nimport type { DatePickerInputProps } from './DatePickerInput.shared'\nimport DatePickerInputWithoutModal from './DatePickerInputWithoutModal'\n\nfunction DatePickerInput(\n {\n withModal = true,\n calendarIcon = 'calendar',\n ...rest\n }: DatePickerInputProps,\n ref: any\n) {\n const [visible, setVisible] = React.useState<boolean>(false)\n const onDismiss = React.useCallback(() => {\n setVisible(false)\n }, [setVisible])\n const onChangeRef = useLatest(rest.onChange)\n const onInnerConfirm = React.useCallback(\n ({ date }: any) => {\n setVisible(false)\n onChangeRef.current(date)\n },\n [setVisible, onChangeRef]\n )\n\n return (\n <DatePickerInputWithoutModal\n ref={ref}\n {...rest}\n inputButtons={\n withModal ? (\n <IconButton\n size={24}\n style={styles.calendarButton}\n icon={calendarIcon}\n onPress={() => setVisible(true)}\n />\n ) : null\n }\n // eslint-disable-next-line react/no-unstable-nested-components\n modal={({\n value,\n locale,\n inputMode,\n validRange,\n saveLabel,\n saveLabelDisabled,\n uppercase,\n startYear,\n endYear,\n }) =>\n withModal ? (\n <DatePickerModal\n date={value}\n mode=\"single\"\n visible={visible}\n onDismiss={onDismiss}\n onConfirm={onInnerConfirm}\n locale={locale}\n dateMode={inputMode}\n validRange={validRange}\n saveLabel={saveLabel}\n saveLabelDisabled={saveLabelDisabled ?? false}\n uppercase={uppercase ?? true}\n startYear={startYear ?? 1800}\n endYear={endYear ?? 2200}\n />\n ) : null\n }\n />\n )\n}\n\nconst styles = StyleSheet.create({\n calendarButton: { position: 'absolute', right: 0, zIndex: 10 },\n})\n\nexport default React.forwardRef(DatePickerInput)\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT,QAA2B,oBAA3B;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,SAASC,SAAT,QAA0B,UAA1B;AAEA,OAAOC,2BAAP,MAAwC,+BAAxC;;AAEA,SAASC,eAAT,OAMEC,GANF,EAOE;EAAA,IANA;IACEC,SAAS,GAAG,IADd;IAEEC,YAAY,GAAG,UAFjB;IAGE,GAAGC;EAHL,CAMA;EACA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBZ,KAAK,CAACa,QAAN,CAAwB,KAAxB,CAA9B;EACA,MAAMC,SAAS,GAAGd,KAAK,CAACe,WAAN,CAAkB,MAAM;IACxCH,UAAU,CAAC,KAAD,CAAV;EACD,CAFiB,EAEf,CAACA,UAAD,CAFe,CAAlB;EAGA,MAAMI,WAAW,GAAGZ,SAAS,CAACM,IAAI,CAACO,QAAN,CAA7B;EACA,MAAMC,cAAc,GAAGlB,KAAK,CAACe,WAAN,CACrB,SAAmB;IAAA,IAAlB;MAAEI;IAAF,CAAkB;IACjBP,UAAU,CAAC,KAAD,CAAV;IACAI,WAAW,CAACI,OAAZ,CAAoBD,IAApB;EACD,CAJoB,EAKrB,CAACP,UAAD,EAAaI,WAAb,CALqB,CAAvB;EAQA,oBACE,oBAAC,2BAAD;IACE,GAAG,EAAET;EADP,GAEMG,IAFN;IAGE,YAAY,EACVF,SAAS,gBACP,oBAAC,UAAD;MACE,IAAI,EAAE,EADR;MAEE,KAAK,EAAEa,MAAM,CAACC,cAFhB;MAGE,IAAI,EAAEb,YAHR;MAIE,OAAO,EAAE,MAAMG,UAAU,CAAC,IAAD;IAJ3B,EADO,GAOL,IAXR,CAaE;IAbF;IAcE,KAAK,EAAE;MAAA,IAAC;QACNW,KADM;QAENC,MAFM;QAGNC,SAHM;QAINC,UAJM;QAKNC,SALM;QAMNC,iBANM;QAONC,SAPM;QAQNC,SARM;QASNC;MATM,CAAD;MAAA,OAWLvB,SAAS,gBACP,oBAAC,eAAD;QACE,IAAI,EAAEe,KADR;QAEE,IAAI,EAAC,QAFP;QAGE,OAAO,EAAEZ,OAHX;QAIE,SAAS,EAAEG,SAJb;QAKE,SAAS,EAAEI,cALb;QAME,MAAM,EAAEM,MANV;QAOE,QAAQ,EAAEC,SAPZ;QAQE,UAAU,EAAEC,UARd;QASE,SAAS,EAAEC,SATb;QAUE,iBAAiB,EAAEC,iBAAiB,IAAI,KAV1C;QAWE,SAAS,EAAEC,SAAS,IAAI,IAX1B;QAYE,SAAS,EAAEC,SAAS,IAAI,IAZ1B;QAaE,OAAO,EAAEC,OAAO,IAAI;MAbtB,EADO,GAgBL,IA3BC;IAAA;EAdT,GADF;AA8CD;;AAED,MAAMV,MAAM,GAAGnB,UAAU,CAAC8B,MAAX,CAAkB;EAC/BV,cAAc,EAAE;IAAEW,QAAQ,EAAE,UAAZ;IAAwBC,KAAK,EAAE,CAA/B;IAAkCC,MAAM,EAAE;EAA1C;AADe,CAAlB,CAAf;AAIA,4BAAenC,KAAK,CAACoC,UAAN,CAAiB9B,eAAjB,CAAf"}
1
+ {"version":3,"names":["React","IconButton","StyleSheet","DatePickerModal","useLatest","DatePickerInputWithoutModal","DatePickerInput","ref","withModal","calendarIcon","rest","visible","setVisible","useState","onDismiss","useCallback","onChangeRef","onChange","onInnerConfirm","date","current","styles","calendarButton","disabled","value","locale","inputMode","validRange","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","create","position","right","zIndex","forwardRef"],"sources":["DatePickerInput.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { IconButton } from 'react-native-paper'\nimport { StyleSheet } from 'react-native'\nimport DatePickerModal from './DatePickerModal'\nimport { useLatest } from '../utils'\nimport type { DatePickerInputProps } from './DatePickerInput.shared'\nimport DatePickerInputWithoutModal from './DatePickerInputWithoutModal'\n\nfunction DatePickerInput(\n {\n withModal = true,\n calendarIcon = 'calendar',\n ...rest\n }: DatePickerInputProps,\n ref: any\n) {\n const [visible, setVisible] = React.useState<boolean>(false)\n const onDismiss = React.useCallback(() => {\n setVisible(false)\n }, [setVisible])\n const onChangeRef = useLatest(rest.onChange)\n const onInnerConfirm = React.useCallback(\n ({ date }: any) => {\n setVisible(false)\n onChangeRef.current(date)\n },\n [setVisible, onChangeRef]\n )\n\n return (\n <DatePickerInputWithoutModal\n ref={ref}\n {...rest}\n inputButtons={\n withModal ? (\n <IconButton\n size={24}\n style={styles.calendarButton}\n icon={calendarIcon}\n disabled={rest.disabled}\n onPress={() => setVisible(true)}\n />\n ) : null\n }\n // eslint-disable-next-line react/no-unstable-nested-components\n modal={({\n value,\n locale,\n inputMode,\n validRange,\n saveLabel,\n saveLabelDisabled,\n uppercase,\n startYear,\n endYear,\n }) =>\n withModal ? (\n <DatePickerModal\n date={value}\n mode=\"single\"\n visible={visible}\n onDismiss={onDismiss}\n onConfirm={onInnerConfirm}\n locale={locale}\n dateMode={inputMode}\n validRange={validRange}\n saveLabel={saveLabel}\n saveLabelDisabled={saveLabelDisabled ?? false}\n uppercase={uppercase ?? true}\n startYear={startYear ?? 1800}\n endYear={endYear ?? 2200}\n />\n ) : null\n }\n />\n )\n}\n\nconst styles = StyleSheet.create({\n calendarButton: { position: 'absolute', right: 0, zIndex: 10 },\n})\n\nexport default React.forwardRef(DatePickerInput)\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT,QAA2B,oBAA3B;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,SAASC,SAAT,QAA0B,UAA1B;AAEA,OAAOC,2BAAP,MAAwC,+BAAxC;;AAEA,SAASC,eAAT,OAMEC,GANF,EAOE;EAAA,IANA;IACEC,SAAS,GAAG,IADd;IAEEC,YAAY,GAAG,UAFjB;IAGE,GAAGC;EAHL,CAMA;EACA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBZ,KAAK,CAACa,QAAN,CAAwB,KAAxB,CAA9B;EACA,MAAMC,SAAS,GAAGd,KAAK,CAACe,WAAN,CAAkB,MAAM;IACxCH,UAAU,CAAC,KAAD,CAAV;EACD,CAFiB,EAEf,CAACA,UAAD,CAFe,CAAlB;EAGA,MAAMI,WAAW,GAAGZ,SAAS,CAACM,IAAI,CAACO,QAAN,CAA7B;EACA,MAAMC,cAAc,GAAGlB,KAAK,CAACe,WAAN,CACrB,SAAmB;IAAA,IAAlB;MAAEI;IAAF,CAAkB;IACjBP,UAAU,CAAC,KAAD,CAAV;IACAI,WAAW,CAACI,OAAZ,CAAoBD,IAApB;EACD,CAJoB,EAKrB,CAACP,UAAD,EAAaI,WAAb,CALqB,CAAvB;EAQA,oBACE,oBAAC,2BAAD;IACE,GAAG,EAAET;EADP,GAEMG,IAFN;IAGE,YAAY,EACVF,SAAS,gBACP,oBAAC,UAAD;MACE,IAAI,EAAE,EADR;MAEE,KAAK,EAAEa,MAAM,CAACC,cAFhB;MAGE,IAAI,EAAEb,YAHR;MAIE,QAAQ,EAAEC,IAAI,CAACa,QAJjB;MAKE,OAAO,EAAE,MAAMX,UAAU,CAAC,IAAD;IAL3B,EADO,GAQL,IAZR,CAcE;IAdF;IAeE,KAAK,EAAE;MAAA,IAAC;QACNY,KADM;QAENC,MAFM;QAGNC,SAHM;QAINC,UAJM;QAKNC,SALM;QAMNC,iBANM;QAONC,SAPM;QAQNC,SARM;QASNC;MATM,CAAD;MAAA,OAWLxB,SAAS,gBACP,oBAAC,eAAD;QACE,IAAI,EAAEgB,KADR;QAEE,IAAI,EAAC,QAFP;QAGE,OAAO,EAAEb,OAHX;QAIE,SAAS,EAAEG,SAJb;QAKE,SAAS,EAAEI,cALb;QAME,MAAM,EAAEO,MANV;QAOE,QAAQ,EAAEC,SAPZ;QAQE,UAAU,EAAEC,UARd;QASE,SAAS,EAAEC,SATb;QAUE,iBAAiB,EAAEC,iBAAiB,IAAI,KAV1C;QAWE,SAAS,EAAEC,SAAS,IAAI,IAX1B;QAYE,SAAS,EAAEC,SAAS,IAAI,IAZ1B;QAaE,OAAO,EAAEC,OAAO,IAAI;MAbtB,EADO,GAgBL,IA3BC;IAAA;EAfT,GADF;AA+CD;;AAED,MAAMX,MAAM,GAAGnB,UAAU,CAAC+B,MAAX,CAAkB;EAC/BX,cAAc,EAAE;IAAEY,QAAQ,EAAE,UAAZ;IAAwBC,KAAK,EAAE,CAA/B;IAAkCC,MAAM,EAAE;EAA1C;AADe,CAAlB,CAAf;AAIA,4BAAepC,KAAK,CAACqC,UAAN,CAAiB/B,eAAjB,CAAf"}
@@ -59,7 +59,7 @@ function Day(props) {
59
59
  } : null]
60
60
  }, /*#__PURE__*/React.createElement(Text, {
61
61
  style: [textColor ? {
62
- color: theme.isV3 && isToday ? theme.colors.primary : textColor
62
+ color: theme.isV3 && isToday && selected ? textColor : theme.isV3 && isToday ? theme.colors.primary : textColor
63
63
  } : undefined, { ...textFont
64
64
  }],
65
65
  selectable: false
@@ -1 +1 @@
1
- {"version":3,"names":["React","Text","TouchableRipple","StyleSheet","View","DayRange","daySize","EmptyDayPure","styles","empty","EmptyDay","memo","Day","props","day","month","year","selected","inRange","leftCrop","rightCrop","onPressDate","primaryColor","selectColor","isToday","disabled","textColorOnPrimary","theme","onPress","useCallback","Date","borderColor","isV3","colors","primary","dark","textColor","onPrimary","onPrimaryContainer","onSurface","undefined","textFont","fonts","bodySmall","medium","root","button","backgroundColor","color","create","flex","flexBasis","opacity","justifyContent","alignItems","position","width","height","overflow","borderRadius","borderWidth","flex1"],"sources":["Day.tsx"],"sourcesContent":["import * as React from 'react'\nimport { MD2Theme, Text, TouchableRipple } from 'react-native-paper'\nimport { StyleSheet, View } from 'react-native'\nimport DayRange from './DayRange'\nimport { daySize } from './dateUtils'\n\nimport type { PaperTheme } from '../utils'\n\nfunction EmptyDayPure() {\n return <View style={styles.empty} />\n}\nexport const EmptyDay = React.memo(EmptyDayPure)\n\nfunction Day(props: {\n theme: PaperTheme\n textColorOnPrimary: string\n day: number\n month: number\n year: number\n selected: boolean\n inRange: boolean\n leftCrop: boolean\n rightCrop: boolean\n primaryColor: string\n selectColor: string\n isToday: boolean\n disabled: boolean\n onPressDate: (date: Date) => any\n}) {\n const {\n day,\n month,\n year,\n selected,\n inRange,\n leftCrop,\n rightCrop,\n onPressDate,\n primaryColor,\n selectColor,\n isToday,\n disabled,\n textColorOnPrimary,\n theme,\n } = props\n const onPress = React.useCallback(() => {\n onPressDate(new Date(year, month, day))\n }, [onPressDate, year, month, day])\n\n const borderColor = theme.isV3\n ? theme.colors.primary\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.dark\n ? '#fff'\n : '#000'\n\n const textColor =\n theme.isV3 && selected\n ? theme.colors.onPrimary\n : theme.isV3 && inRange && theme.dark\n ? theme.colors.onPrimaryContainer\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.isV3\n ? theme.colors.onSurface\n : undefined\n\n let textFont = theme?.isV3\n ? theme.fonts.bodySmall\n : (theme as any as MD2Theme).fonts.medium\n\n return (\n <View style={[styles.root, disabled && styles.disabled]}>\n <DayRange\n inRange={inRange}\n leftCrop={leftCrop}\n rightCrop={rightCrop}\n selectColor={selectColor}\n />\n <TouchableRipple\n testID={`react-native-paper-dates-day-${year}-${month}-${day}`}\n disabled={disabled}\n borderless={true}\n onPress={disabled ? undefined : onPress}\n style={[\n styles.button,\n { backgroundColor: inRange ? selectColor : undefined },\n ]}\n accessibilityRole=\"button\"\n >\n <View\n style={[\n styles.day,\n isToday ? { borderColor: borderColor } : null,\n selected ? { backgroundColor: primaryColor } : null,\n ]}\n >\n <Text\n style={[\n textColor\n ? {\n color:\n theme.isV3 && isToday ? theme.colors.primary : textColor,\n }\n : undefined,\n { ...textFont },\n ]}\n selectable={false}\n >\n {day}\n </Text>\n </View>\n </TouchableRipple>\n </View>\n )\n}\n\nconst styles = StyleSheet.create({\n empty: {\n flex: 1,\n flexBasis: 0,\n },\n disabled: {\n opacity: 0.3,\n },\n root: {\n flexBasis: 0,\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n },\n button: {\n width: daySize,\n height: daySize,\n overflow: 'hidden',\n borderRadius: daySize / 2,\n },\n day: {\n flexBasis: 0,\n flex: 1,\n borderRadius: daySize / 2,\n width: daySize,\n height: daySize,\n justifyContent: 'center',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'transparent',\n },\n flex1: {\n flex: 1,\n },\n})\n\nexport default React.memo(Day)\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","Text","TouchableRipple","StyleSheet","View","DayRange","daySize","EmptyDayPure","styles","empty","EmptyDay","memo","Day","props","day","month","year","selected","inRange","leftCrop","rightCrop","onPressDate","primaryColor","selectColor","isToday","disabled","textColorOnPrimary","theme","onPress","useCallback","Date","borderColor","isV3","colors","primary","dark","textColor","onPrimary","onPrimaryContainer","onSurface","undefined","textFont","fonts","bodySmall","medium","root","button","backgroundColor","color","create","flex","flexBasis","opacity","justifyContent","alignItems","position","width","height","overflow","borderRadius","borderWidth","flex1"],"sources":["Day.tsx"],"sourcesContent":["import * as React from 'react'\nimport { MD2Theme, Text, TouchableRipple } from 'react-native-paper'\nimport { StyleSheet, View } from 'react-native'\nimport DayRange from './DayRange'\nimport { daySize } from './dateUtils'\n\nimport type { PaperTheme } from '../utils'\n\nfunction EmptyDayPure() {\n return <View style={styles.empty} />\n}\nexport const EmptyDay = React.memo(EmptyDayPure)\n\nfunction Day(props: {\n theme: PaperTheme\n textColorOnPrimary: string\n day: number\n month: number\n year: number\n selected: boolean\n inRange: boolean\n leftCrop: boolean\n rightCrop: boolean\n primaryColor: string\n selectColor: string\n isToday: boolean\n disabled: boolean\n onPressDate: (date: Date) => any\n}) {\n const {\n day,\n month,\n year,\n selected,\n inRange,\n leftCrop,\n rightCrop,\n onPressDate,\n primaryColor,\n selectColor,\n isToday,\n disabled,\n textColorOnPrimary,\n theme,\n } = props\n const onPress = React.useCallback(() => {\n onPressDate(new Date(year, month, day))\n }, [onPressDate, year, month, day])\n\n const borderColor = theme.isV3\n ? theme.colors.primary\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.dark\n ? '#fff'\n : '#000'\n\n const textColor =\n theme.isV3 && selected\n ? theme.colors.onPrimary\n : theme.isV3 && inRange && theme.dark\n ? theme.colors.onPrimaryContainer\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.isV3\n ? theme.colors.onSurface\n : undefined\n\n let textFont = theme?.isV3\n ? theme.fonts.bodySmall\n : (theme as any as MD2Theme).fonts.medium\n\n return (\n <View style={[styles.root, disabled && styles.disabled]}>\n <DayRange\n inRange={inRange}\n leftCrop={leftCrop}\n rightCrop={rightCrop}\n selectColor={selectColor}\n />\n <TouchableRipple\n testID={`react-native-paper-dates-day-${year}-${month}-${day}`}\n disabled={disabled}\n borderless={true}\n onPress={disabled ? undefined : onPress}\n style={[\n styles.button,\n { backgroundColor: inRange ? selectColor : undefined },\n ]}\n accessibilityRole=\"button\"\n >\n <View\n style={[\n styles.day,\n isToday ? { borderColor: borderColor } : null,\n selected ? { backgroundColor: primaryColor } : null,\n ]}\n >\n <Text\n style={[\n textColor\n ? {\n color:\n theme.isV3 && isToday && selected\n ? textColor\n : theme.isV3 && isToday\n ? theme.colors.primary\n : textColor,\n }\n : undefined,\n { ...textFont },\n ]}\n selectable={false}\n >\n {day}\n </Text>\n </View>\n </TouchableRipple>\n </View>\n )\n}\n\nconst styles = StyleSheet.create({\n empty: {\n flex: 1,\n flexBasis: 0,\n },\n disabled: {\n opacity: 0.3,\n },\n root: {\n flexBasis: 0,\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n },\n button: {\n width: daySize,\n height: daySize,\n overflow: 'hidden',\n borderRadius: daySize / 2,\n },\n day: {\n flexBasis: 0,\n flex: 1,\n borderRadius: daySize / 2,\n width: daySize,\n height: daySize,\n justifyContent: 'center',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'transparent',\n },\n flex1: {\n flex: 1,\n },\n})\n\nexport default React.memo(Day)\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-paper-dates",
3
- "version": "0.11.13",
3
+ "version": "0.11.15",
4
4
  "description": "Performant Date Picker for React Native Paper",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
@@ -38,6 +38,7 @@ function DatePickerInput(
38
38
  size={24}
39
39
  style={styles.calendarButton}
40
40
  icon={calendarIcon}
41
+ disabled={rest.disabled}
41
42
  onPress={() => setVisible(true)}
42
43
  />
43
44
  ) : null
package/src/Date/Day.tsx CHANGED
@@ -101,7 +101,11 @@ function Day(props: {
101
101
  textColor
102
102
  ? {
103
103
  color:
104
- theme.isV3 && isToday ? theme.colors.primary : textColor,
104
+ theme.isV3 && isToday && selected
105
+ ? textColor
106
+ : theme.isV3 && isToday
107
+ ? theme.colors.primary
108
+ : textColor,
105
109
  }
106
110
  : undefined,
107
111
  { ...textFont },