@startupjs-ui/date-time-picker 0.2.0-alpha.0 → 0.2.0-alpha.2

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.2.0-alpha.2](https://github.com/startupjs/startupjs-ui/compare/v0.2.0-alpha.1...v0.2.0-alpha.2) (2026-04-20)
+
+**Note:** Version bump only for package @startupjs-ui/date-time-picker
+
+
+
+
+
+# [0.2.0-alpha.1](https://github.com/startupjs/startupjs-ui/compare/v0.2.0-alpha.0...v0.2.0-alpha.1) (2026-04-10)
+
+**Note:** Version bump only for package @startupjs-ui/date-time-picker
+
+
+
+
+
 # [0.2.0-alpha.0](https://github.com/startupjs/startupjs-ui/compare/v0.1.22...v0.2.0-alpha.0) (2026-03-27)
 
 

package/components/Calendar/Days/index.tsx

@@ -37,7 +37,7 @@ function Days ({
       ._weekdaysShort
 
     return data.map((day: string) => day.toUpperCase())
-  }, [uiDate, timezone, exactLocale])
+  }, [uiDate, timezone, exactLocale, moment])
 
   const matrixMonthDays = useMemo(() => {
     const data = []
@@ -70,7 +70,7 @@ function Days ({
     }
 
     return data
-  }, [uiDate, timezone])
+  }, [uiDate, timezone, moment])
 
   function _onChangeDay (item: any) {
     const timestamp = +moment
@@ -91,7 +91,7 @@ function Days ({
       : false
 
     return isDisabledDay || isBeforeMinDate || isAfterMaxDate
-  }, [disabledDays, maxDate, minDate, timezone])
+  }, [disabledDays, maxDate, minDate, timezone, moment])
 
   function getLabelActive (value: number) {
     return range
@@ -107,6 +107,8 @@ function Days ({
           Span.shortName(bold)= shortDayName
 
     for week, weekIndex in matrixMonthDays
+      // noop to prevent eslint error about missing 'week'. TODO: implement eslint disable comments support in pug
+      - (week => {})(week)
       Div.row(key='week-' + weekIndex row)
         for day, dayIndex in matrixMonthDays[weekIndex]
           Div.cell(

package/components/Calendar/Header/index.tsx

@@ -38,7 +38,7 @@ function Header ({
   const onChangeMonth = useCallback((value: number) => {
     const ts = +moment($uiDate.get()).add('month', value)
     $uiDate.set(ts)
-  }, [$uiDate])
+  }, [$uiDate, moment])
 
   const isPrevDisabled = minDate
     ? +moment.tz($uiDate.get(), timezone).endOf('month').add('month', -1) < minDate
@@ -64,14 +64,14 @@ function Header ({
           variant='text'
           disabled=isPrevDisabled
           icon=faAngleLeft
-          onPress=()=> onChangeMonth(-1)
+          onPress=() => onChangeMonth(-1)
         )
         Button.button(
           color='text-description'
           variant='text'
           disabled=isNextDisabled
           icon=faAngleRight
-          onPress=()=> onChangeMonth(1)
+          onPress=() => onChangeMonth(1)
         )
   `
 }
@@ -103,7 +103,7 @@ const Years = observer(function YearsComponent ({
     const ts = +moment($uiDate.get()).year(year)
     $uiDate.set(ts)
     $visible.set(false)
-  }, [$uiDate, $visible])
+  }, [$uiDate, $visible, moment])
 
   const years = useMemo(() => {
     return new Array(yearsDiff + 1).fill(minYear).map((year, index) => {

package/components/TimeSelect/index.tsx

@@ -51,10 +51,10 @@ function TimeSelect ({
     if (is24Hour != null) return is24Hour
     const lt = (moment().locale(exactLocale))._locale._longDateFormat.LT
     return !/a/i.test(lt)
-  }, [is24Hour, exactLocale])
+  }, [is24Hour, exactLocale, moment])
 
   const preparedData = useMemo(() => {
-    const res: Array<{ label: string, value: number, disabled: boolean }> = []
+    const res: { label: string, value: number, disabled: boolean }[] = []
 
     let currentTimestamp = +moment.tz(date, timezone).locale(exactLocale).startOf('d')
     const endTimestamp = +moment.tz(date, timezone).locale(exactLocale).endOf('d')
@@ -75,14 +75,14 @@ function TimeSelect ({
     }
 
     return res
-  }, [date, exactLocale, timezone, timeInterval, _is24Hour, maxDate, minDate])
+  }, [date, exactLocale, timezone, timeInterval, _is24Hour, maxDate, minDate, moment])
 
   const scrollToIndex = useCallback((_date: Date = date) => {
     const dateTimestamp = +moment.tz(_date, timezone)
     const index = preparedData.findIndex(item => dateTimestamp === item.value)
     if (index === -1) return
     refScroll.current?.scrollToIndex?.({ index, animated: false })
-  }, [date, timezone, preparedData])
+  }, [date, timezone, preparedData, moment])
 
   useImperativeHandle(ref, () => ({ scrollToIndex }), [scrollToIndex])
   useEffect(() => {
@@ -96,7 +96,7 @@ function TimeSelect ({
       Div.cell(
         styleName={ isActive }
         disabled=item.disabled
-        onPress=()=> onChangeDate && onChangeDate(item.value)
+        onPress=() => onChangeDate && onChangeDate(item.value)
       )
         Span.label(styleName={ isActive })
           = item.label
@@ -115,7 +115,7 @@ function TimeSelect ({
         length,
         index
       })
-      keyExtractor=item=> String(item.value)
+      keyExtractor=item => String(item.value)
     )
   `
 }

package/helpers/useMoment.ts

@@ -2,7 +2,7 @@ import { use } from 'react'
 
 let momentPromise: any
 
-const loadMoment = (): Promise<any> => { // eslint-disable-line @typescript-eslint/promise-function-async
+const loadMoment = (): Promise<any> => {
   if (!momentPromise) momentPromise = import('moment-timezone').then(m => m.default)
   return momentPromise
 }

package/index.tsx

@@ -256,7 +256,7 @@ function DateTimePicker ({
     const locales = moment.locales()
     const _locale = locale ?? getLocale()
     return locales.includes(_locale) ? _locale : 'en'
-  }, [locale])
+  }, [locale, moment])
 
   const _dateFormat = useMemo(() => {
     if (dateFormat) return dateFormat
@@ -267,7 +267,7 @@ function DateTimePicker ({
 
     if (mode === 'date') return (moment().locale(exactLocale))._locale._longDateFormat.L
     if (mode === 'time') return (moment().locale(exactLocale))._locale._longDateFormat.LT
-  }, [mode, dateFormat, exactLocale])
+  }, [mode, dateFormat, exactLocale, moment])
 
   useEffect(() => {
     if (typeof date === 'undefined') {
@@ -278,7 +278,7 @@ function DateTimePicker ({
     const value = +moment.tz(date, timezone).seconds(0).milliseconds(0)
     setTextInput(moment.tz(value, timezone).format(_dateFormat))
     setTempDate(new Date(value))
-  }, [date, timezone, _dateFormat, setTempDate])
+  }, [date, timezone, _dateFormat, setTempDate, moment])
 
   function _onChangeDate (value: any) {
     const timestamp = getTimestampFromValue(value)
@@ -431,7 +431,7 @@ function DateTimePicker ({
   function renderWrapper (children: ReactNode): ReactNode {
     return pug`
       Div.popoverWrapper
-        Div.popoverOverlay(feedback=false onPress=()=> onChangeVisible(false))
+        Div.popoverOverlay(feedback=false onPress=() => onChangeVisible(false))
         = children
     `
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startupjs-ui/date-time-picker",
-  "version": "0.2.0-alpha.0",
+  "version": "0.2.0-alpha.2",
   "publishConfig": {
     "access": "public"
   },
@@ -10,17 +10,17 @@
   "dependencies": {
     "@fortawesome/free-solid-svg-icons": "^7.1.0",
     "@react-native-community/datetimepicker": "^8.4.4",
-    "@startupjs-ui/abstract-popover": "^0.2.0-alpha.0",
-    "@startupjs-ui/button": "^0.2.0-alpha.0",
-    "@startupjs-ui/core": "^0.2.0-alpha.0",
-    "@startupjs-ui/div": "^0.2.0-alpha.0",
-    "@startupjs-ui/divider": "^0.2.0-alpha.0",
-    "@startupjs-ui/drawer": "^0.2.0-alpha.0",
-    "@startupjs-ui/flat-list": "^0.2.0-alpha.0",
-    "@startupjs-ui/icon": "^0.2.0-alpha.0",
-    "@startupjs-ui/popover": "^0.2.0-alpha.0",
-    "@startupjs-ui/span": "^0.2.0-alpha.0",
-    "@startupjs-ui/text-input": "^0.2.0-alpha.0",
+    "@startupjs-ui/abstract-popover": "^0.2.0-alpha.1",
+    "@startupjs-ui/button": "^0.2.0-alpha.2",
+    "@startupjs-ui/core": "^0.2.0-alpha.1",
+    "@startupjs-ui/div": "^0.2.0-alpha.1",
+    "@startupjs-ui/divider": "^0.2.0-alpha.1",
+    "@startupjs-ui/drawer": "^0.2.0-alpha.1",
+    "@startupjs-ui/flat-list": "^0.2.0-alpha.1",
+    "@startupjs-ui/icon": "^0.2.0-alpha.1",
+    "@startupjs-ui/popover": "^0.2.0-alpha.1",
+    "@startupjs-ui/span": "^0.2.0-alpha.1",
+    "@startupjs-ui/text-input": "^0.2.0-alpha.1",
     "moment-timezone": "^0.5.31",
     "react-native-safe-area-context": "^5.6.0"
   },
@@ -29,5 +29,5 @@
     "react-native": "*",
     "startupjs": "*"
   },
-  "gitHead": "a428246a18d0e7f77809043c8240253240d11d66"
+  "gitHead": "8a6ae7871e4c82f3e24d5911a9df42338e057e7a"
 }