fix wrong dates date selections

Apparently, JS Date's toISOString() does not include the local timezone offset; it is UTC.
We want the local date here. So we need to use Luxon.

www/js/diary/list/LabelListScreen.tsx

@@ -7,6 +7,8 @@ import TimelineScrollList from './TimelineScrollList';
 import NavBar from '../../components/NavBar';
 import TimelineContext from '../../TimelineContext';
 import { LabelTabContext } from '../LabelTab';
+import { DateTime } from 'luxon';
+import { displayErrorMsg } from '../../plugin/logger';
 
 const LabelListScreen = () => {
   const { filterInputs, setFilterInputs, displayedEntries } = useContext(LabelTabContext);
@@ -25,7 +27,11 @@ const LabelListScreen = () => {
         />
         <DateSelect
           mode="single"
-          onChoose={({ date }) => loadSpecificWeek(date.toISOString().substring(0, 10))}
+          onChoose={({ date }) => {
+            const d = DateTime.fromJSDate(date).toISODate();
+            if (!d) return displayErrorMsg('Invalid date');
+            loadSpecificWeek(d);
+          }}
         />
         <Appbar.Action
           icon="refresh"

www/js/metrics/MetricsTab.tsx

@@ -15,7 +15,7 @@ import DailyActiveMinutesCard from './DailyActiveMinutesCard';
 import CarbonTextCard from './CarbonTextCard';
 import ActiveMinutesTableCard from './ActiveMinutesTableCard';
 import { getAggregateData, getMetrics } from '../services/commHelper';
-import { displayError, logDebug, logWarn } from '../plugin/logger';
+import { displayErrorMsg, logDebug, logWarn } from '../plugin/logger';
 import useAppConfig from '../useAppConfig';
 import { ServerConnConfig } from '../types/appConfigTypes';
 import DateSelect from '../diary/list/DateSelect';
@@ -103,12 +103,12 @@ const MetricsTab = () => {
         <Appbar.Content title={t('metrics.dashboard-tab')} />
         <DateSelect
           mode="range"
-          onChoose={({ startDate, endDate }) =>
-            setDateRange([
-              startDate.toISOString().substring(0, 10),
-              endDate.toISOString().substring(0, 10),
-            ])
-          }
+          onChoose={({ startDate, endDate }) => {
+            const start = DateTime.fromJSDate(startDate).toISODate();
+            const end = DateTime.fromJSDate(endDate).toISODate();
+            if (!start || !end) return displayErrorMsg('Invalid date');
+            setDateRange([start, end]);
+          }}
         />
         <Appbar.Action icon="refresh" size={32} onPress={refreshTimeline} />
       </NavBar>