Project

General

Profile

Actions

Feature #93529

open

Epic #93528: Backlog of UX ideas for Editors

Separate date/time pickers

Added by Xavier Perseguers about 3 years ago. Updated about 3 years ago.

Status:
New
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
Actions #1

Updated by Riccardo De Contardi about 3 years ago

  • Category set to Backend JavaScript
Actions

Also available in: Atom PDF