Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Forms > Date Picker #223

Open
Tracked by #1048
ffoodd opened this issue Nov 13, 2019 · 5 comments
Open
Tracked by #1048

Forms > Date Picker #223

ffoodd opened this issue Nov 13, 2019 · 5 comments

Comments

@ffoodd
Copy link
Contributor

ffoodd commented Nov 13, 2019

Date Picker

Requirement

As a developer
I want to insert Date Picker
So That I will get this ready to use component compatible with Orange design specifications and a11y requirements

DSM Reference: Components > Forms

  • Date picker — WEB-FOR-DAP-001
  • Time picker — WEB-FOR-TIP-001

General description

xxx

UI specifications

Anatomy

  1. xx
  2. xx

Variants

variant 1

xxx

variant 2

xxx

States

  • xx
  • xx
  • xx
  • xx

Internationalisation

xxx

Appearance

xxx

Placement

xxx

UX specifications

Interaction

  • All:

    • xxx
    • xxx
  • Mouse:

    • xxx
    • xxx
  • Keyboard:

    • xxx
    • xxx
  • Touch (mobile): same as the mouse interaction

  • Screen Reader

Animations

  • xxx

Accessibility

Visual Accessibility

  • (?) Color Management
  • xxx

Usage Accessibility

  • (?) Focus order
  • (?) Focus loss expected behavior

Technical specifications

This will probably need new JavaScript components.

HTML Structure

xxx

JavaScript

xxx

Documentation in Boosted

xxx

Implementation tasks

  • [
@ffoodd ffoodd added v5 brand js Pull requests that update Javascript code labels Nov 13, 2019
@ffoodd ffoodd self-assigned this Nov 13, 2019
@ffoodd ffoodd added the feature label Dec 4, 2019
@ffoodd ffoodd added this to the 5.0.0 milestone Jan 16, 2020
@ffoodd ffoodd removed the js Pull requests that update Javascript code label Jan 16, 2020
@ffoodd
Copy link
Contributor Author

ffoodd commented Jan 17, 2020

Have a look at SNCF's Bootstrap fork, using FlatPickr.

@ffoodd ffoodd added effort:13 and removed effort:13 labels Nov 9, 2020
@ffoodd ffoodd modified the milestones: 5.0.0, 5.0.0-beta Nov 12, 2020
@ffoodd ffoodd changed the title Date / Time picker component Date / Time picker Jan 7, 2021
@ffoodd
Copy link
Contributor Author

ffoodd commented Feb 5, 2021

Duet Design System date-picker probably worth a try.

@ffoodd ffoodd removed their assignment Feb 26, 2021
@julien-deramond julien-deramond removed this from the 5.0.0-beta milestone Nov 29, 2021
@B3nz01d B3nz01d changed the title Date / Time picker Forms > Date / Time picker Jan 20, 2022
@B3nz01d B3nz01d mentioned this issue Jan 20, 2022
9 tasks
@julien-deramond
Copy link
Contributor

Don't know if it can help us at some point but https://codepen.io/eliseodannunzio/details/mdpMGgm could be interesting.

@B3nz01d B3nz01d added triage A new issue that needs to be treated basic labels May 18, 2022
@B3nz01d B3nz01d changed the title Forms > Date / Time picker Forms > Date Picker May 18, 2022
@B3nz01d B3nz01d removed the effort:8 label Oct 26, 2022
@hannahiss hannahiss pinned this issue Jun 12, 2023
@julien-deramond julien-deramond unpinned this issue Jun 13, 2023
@Dorian-Grim
Copy link

datepicker when? Looking forward to this pls

@julien-deramond
Copy link
Contributor

@Dorian-Grim Unfortunately, this is not yet prioritized due to its complexity. We will probably have to rely on a customizable external library and launch a big study around it to find one. Right now, we are focusing on releasing the dark mode.
We will keep in mind your request to make it count in our prioritization process.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants