Project

General

Profile

Actions

Feature #93529

closed

Epic #93528: Backlog of UX ideas for Editors

Separate date/time pickers

Added by Xavier Perseguers almost 4 years ago. Updated 4 months ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Backend JavaScript
Target version:
-
Start date:
2021-02-17
Due date:
% Done:

0%

Estimated time:
PHP Version:
Tags:
Complexity:
Sprint Focus:

Description

A typical event's date has corresponding TCA:

'start_date' => [
    'exclude' => 0,
    'l10n_mode' => 'exclude',
    'label' => 'some-LLL-label',
    'config' => [
        'type' => 'input',
        'size' => '12',
        'eval' => 'required,datetime',
        'renderType' => 'inputDateTime',
    ],
],

which shows a combo-picker for both date and time:

The usability is actually quite bad because it's not possible to easily work with that field without a mouse, solely with the keyboard:

  • Click inside the field on the hour and try to move with keyboard arrows to the minutes part to adapt. Result is the picker moving to the next date...
  • The time is before the date (may certainly be configured somewhere but not the default)

Ideally I'd like to keep a single date/time field in database (I miss the dbType here since it's legacy but storing as real DATETIME field would be better) but having separate date and time pickers, one after the other. Something like:

        'renderType' => 'separateInputDateTime',

Files

combo.png (59.5 KB) combo.png Xavier Perseguers, 2021-02-17 10:17
Bildschirmfoto 2024-07-27 um 19.04.26.png (52.2 KB) Bildschirmfoto 2024-07-27 um 19.04.26.png Georg Ringer, 2024-07-27 17:04
Actions #1

Updated by Riccardo De Contardi over 3 years ago

  • Category set to Backend JavaScript
Actions #2

Updated by Georg Ringer 4 months ago

looks now ok, therefore closing issue

Actions

Also available in: Atom PDF