fix: create event popup improvements (#4850)

Signed-off-by: Eduard Aksamitov <e@euaaaio.ru>

packages/theme/styles/editors.scss

@@ -71,6 +71,9 @@
   }
   .default, .ghost { padding: 0.3125rem 0.5rem; }
   .default-large, .ghost-large { padding: 0.4375rem 0.5rem; }
+  .ghost-large {
+    color: var(--theme-caption-color);
+  }
   .default, .ghost, .default-large, .ghost-large {
     box-sizing: border-box;
     line-height: 1.25rem;

packages/ui/src/components/calendar/TimeInputBox.svelte

@@ -35,7 +35,7 @@
   let edits: IEdits[] = editsType.map((edit) => {
     return { id: edit, value: -1 }
   })
-  let selected: TEdits | null = 'hour'
+  let selected: TEdits | null = null
   let startTyping: boolean = false
 
   const dispatch = createEventDispatcher()

plugins/calendar-assets/lang/en.json

@@ -52,7 +52,7 @@
     "ThisEvent": "This event",
     "ThisAndNext": "This and following events",
     "AllEvents": "All events",
-    "NewEvent": "New event",
+    "EventTitlePlaceholder": "Event title",
     "TimeZone": "Time zone",
     "Repeat": "Repeat",
     "On": "On",

plugins/calendar-assets/lang/es.json

@@ -52,7 +52,7 @@
     "ThisEvent": "Este evento",
     "ThisAndNext": "Este y los siguientes eventos",
     "AllEvents": "Todos los eventos",
-    "NewEvent": "Nuevo evento",
+    "EventTitlePlaceholder": "Título del evento",
     "TimeZone": "Zona horaria",
     "Repeat": "Repetir",
     "On": "En",

plugins/calendar-assets/lang/pt.json

@@ -52,7 +52,7 @@
     "ThisEvent": "Este evento",
     "ThisAndNext": "Este e os seguintes eventos",
     "AllEvents": "Todos os eventos",
-    "NewEvent": "Novo evento",
+    "EventTitlePlaceholder": "Título do evento",
     "TimeZone": "Fuso horário",
     "Repeat": "Repetir",
     "On": "Em",

plugins/calendar-assets/lang/ru.json

@@ -52,7 +52,7 @@
     "ThisEvent": "Только это событие",
     "ThisAndNext": "Это и последующие события",
     "AllEvents": "Все события",
-    "NewEvent": "Новое событие",
+    "EventTitlePlaceholder": "Название события",
     "TimeZone": "Часовой пояс",
     "Repeat": "Повтор",
     "On": "В",

plugins/calendar-resources/src/components/CreateEvent.svelte

@@ -159,10 +159,11 @@
   <div class="header flex-between">
     <EditBox
       bind:value={title}
-      placeholder={calendar.string.NewEvent}
+      placeholder={calendar.string.EventTitlePlaceholder}
       kind={'ghost-large'}
       fullSize
       focusable
+      autoFocus
       focusIndex={10001}
     />
     <div class="flex-row-center gap-1 flex-no-shrink ml-3">

plugins/calendar-resources/src/components/EditEvent.svelte

@@ -162,11 +162,12 @@
   <div class="header flex-between">
     <EditBox
       bind:value={title}
-      placeholder={calendar.string.NewEvent}
+      placeholder={calendar.string.EventTitlePlaceholder}
       disabled={readOnly}
       kind={'ghost-large'}
       fullSize
       focusable
+      autoFocus
       focusIndex={10001}
     />
     <div class="flex-row-center gap-1 flex-no-shrink ml-3">

plugins/calendar-resources/src/plugin.ts

@@ -50,7 +50,7 @@ export default mergeIds(calendarId, calendar, {
     ThisEvent: '' as IntlString,
     ThisAndNext: '' as IntlString,
     AllEvents: '' as IntlString,
-    NewEvent: '' as IntlString,
+    EventTitlePlaceholder: '' as IntlString,
     TimeZone: '' as IntlString,
     Repeat: '' as IntlString,
     Every: '' as IntlString,