fix: move add specific days onto the next row and dynamically increased the width of the numbered input (#5406)

* fix: Move Add Specific Days to next line and dynamically increase the width of the numbered input box

* [autofix.ci] apply automated fixes

* Add Release Notes

* Update the release notes summary

* Update width from px to ch

* Update schedule date modal to expand when repeat every number increases

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

packages/desktop-client/src/components/select/RecurringSchedulePicker.tsx

@@ -489,7 +489,11 @@ function RecurringScheduleTooltip({
         </Text>
         <Input
           id="interval"
-          style={{ width: 40 }}
+          style={{
+            minWidth: '7ch',
+            width: `${String(config.interval || 1).length + 4}ch`,
+            maxWidth: '12ch',
+          }}
           type="number"
           min={1}
           onChangeValue={value => updateField('interval', value)}
@@ -626,7 +630,7 @@ export function RecurringSchedulePicker({
 
       <Popover
         triggerRef={triggerRef}
-        style={{ padding: 10, width: 380 }}
+        style={{ padding: 10, minWidth: 380, width: 'auto', maxWidth: '100%' }}
         placement="bottom start"
         isOpen={isOpen}
         onOpenChange={() => setIsOpen(false)}

upcoming-release-notes/5406.md

@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [ShayanAraghi]
+---
+
+In the schedule date selection, move add specific days onto the next row and dynamically increased the width of the numbered input.