Skip to content

Date picker js control enhancments #10

@wellhairy

Description

@wellhairy

What

A JS enhancement that allows the cursor to tab to the next date field without the need to click or tab manually.

Why

During testing most users expected this resulting in filling in the entire date in the first field only realise that they needed to go back, remove the extraneous data and click into each field individually. This kind of functionality is become very common across the web. Apply this kind of enhancement will reduce friction and frustration for users who are used to this design pattern.

Rough logic

We don't want to change or override default browser behaviour so we probably only want to move to the next field when a user has hit a keydown after completing a field. Being a date, we only need to apply this logic to the number keys. A third Key down on the date and month feild should capture the number, move the cursor to the next field and populate the field

Screenshot

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions