Update new unified dose management, style/other improvements

src/components/settings.tsx

@@ -27,7 +27,7 @@ const Settings = ({
   onReset,
   t
 }: any) => {
-  const { showDayTimeOnXAxis, yAxisMin, yAxisMax, simulationDays, displayedDays } = uiSettings;
+  const { showDayTimeOnXAxis, yAxisMin, yAxisMax, showTemplateDay, simulationDays, displayedDays } = uiSettings;
 
   return (
     <Card>
@@ -46,17 +46,28 @@ const Settings = ({
           />
         </div>
 
+        <div className="flex items-center gap-3">
+          <Label htmlFor="showTemplateDay" className="font-medium">
+            {t.showTemplateDayInChart}
+          </Label>
+          <Switch
+            id="showTemplateDay"
+            checked={showTemplateDay}
+            onCheckedChange={checked => onUpdateUiSetting('showTemplateDay', checked)}
+          />
+        </div>
+
         <div className="space-y-2">
           <Label className="font-medium">{t.simulationDuration}</Label>
           <FormNumericInput
             value={simulationDays}
             onChange={val => onUpdateUiSetting('simulationDays', val)}
             increment={1}
-            min={2}
+            min={3}
             max={7}
             unit={t.days}
             required={true}
-            errorMessage={t.simulationDaysRequired || 'Simulation days is required'}
+            errorMessage={t.errorNumberRequired}
           />
         </div>
 
@@ -67,10 +78,10 @@ const Settings = ({
             onChange={val => onUpdateUiSetting('displayedDays', val)}
             increment={1}
             min={1}
-            max={parseInt(simulationDays, 10) || 1}
+            max={parseInt(simulationDays, 10) || 3}
             unit={t.days}
             required={true}
-            errorMessage={t.displayedDaysRequired || 'Displayed days is required'}
+            errorMessage={t.errorNumberRequired}
           />
         </div>