apostrophecms / apostrophecms/apostrophe

3.0: [UI] apos-input--time/date are preventing browser native date/time widget

Open
#3,194 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
JavaScript
Stars
4.6k
Forks
650
Avg merge
19h 21m
Merged PRs (30d)
23

Description

## To Reproduce
While in management mode (apos administration form) remove the `apos-input--time` or `apos-input--date` class of any previously defined `date` or `time` field from the development tools of a browser.
The native date/time icon will be shown beside the one styled by apos UI. Clicking it will open the native browser date-time widget (modern browsers)

## Expected behavior
Currently the only way to enter date/time is typing them. Apostrophe UI should allow the browser native calendar widget to be used.

## Details

**Apostrophe*
v3.0.1*

**Browsers**
Chrome, Chromium, Edge Beta, Brave, Firefox

**Operating System:**
Ubuntu 20.04.2 LTS

**Screenshots**
![datetime](https://user-images.githubusercontent.com/2827783/123521414-34ed5a00-d6bf-11eb-881d-5322341afdc4.png)

Contributor guide

Open the contributing guide

Research direction

Start by locating the management-form implementation and the `apos-input--time` and `apos-input--date` classes. Reproduce the issue in a modern browser, then verify that date and time fields expose the native browser widget without the duplicate styled control.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.