diff options
Diffstat (limited to 'src/components/announcements_page/announcements_page.vue')
| -rw-r--r-- | src/components/announcements_page/announcements_page.vue | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/components/announcements_page/announcements_page.vue b/src/components/announcements_page/announcements_page.vue index 1b3bd578..e81edee1 100644 --- a/src/components/announcements_page/announcements_page.vue +++ b/src/components/announcements_page/announcements_page.vue @@ -23,6 +23,29 @@ :placeholder="$t('announcements.post_placeholder')" :disabled="posting" /> + <span class="announcement-metadata"> + <label for="announcement-start-time">{{ $t('announcements.start_time_prompt') }}</label> + <input + id="announcement-start-time" + v-model="newAnnouncement.startsAt" + :type="newAnnouncement.allDay ? 'date' : 'datetime-local'" + > + </span> + <span class="announcement-metadata"> + <label for="announcement-end-time">{{ $t('announcements.end_time_prompt') }}</label> + <input + id="announcement-end-time" + v-model="newAnnouncement.endsAt" + :type="newAnnouncement.allDay ? 'date' : 'datetime-local'" + > + </span> + <span class="announcement-metadata"> + <Checkbox + id="announcement-all-day" + v-model="newAnnouncement.allDay" + /> + <label for="announcement-all-day">{{ $t('announcements.all_day_prompt') }}</label> + </span> </div> <div class="footer"> <button @@ -80,6 +103,9 @@ display: flex; align-items: stretch; flex-direction: column; + .announcement-metadata { + margin-top: 0.5em; + } } .post-textarea { |