question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Proposal: forma-36-react-date-components

See original GitHub issue

Hey lovely people 👋

I’m here with another proposal about date components. One artifact of the brand new scheduled publishing feature is 3 UI components to enter and select dates, time and timezones. I want to move these components to Forma 36 for you to reuse so I’m proposing a new package called forma-36-react-date-components.

This package will include the following components:

DatePicker image

TimePicker image

TimezonePicker image

FormattedDate -> Utility component the formats date in Forma-36 compliant formats

Why is this a new package?

These components will have a peer dependency on moment.js (or date-fns up for discussion…) which I don’t want to force the consumer of our forma-36-react-components package to install.

Ideas & comments are as always much appreciated ❤️

Thanks!

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:8 (7 by maintainers)

github_iconTop GitHub Comments

2reactions
m10lcommented, Nov 1, 2019

Nice, components sound great! My only concern is grouping all of these things in one package. We’ve discussed the possibility of going for a one-component-per-package and I feel like this single forma-36-react-date-components package could be a little short-sighted. So instead I’d recommend building out each component as a separate package like so:

forma-36-react-components/date-picker forma-36-react-components/time-picker forma-36-react-components/time-zone-picker forma-36-react-components/formatted-date

1reaction
wichniowskicommented, Nov 7, 2019

Thanks all for the feedback the first Datepicker component was released, more component to follow 🎉 : https://www.npmjs.com/package/@contentful/forma-36-react-datepicker

Read more comments on GitHub >

github_iconTop Results From Across the Web

Note - Forma 36
Forma 36 is an open-source design system by Contentful created with the intent to reduce the overhead of creating UI by providing tools...
Read more >
RelativeDateTime - Forma 36
Provides a relative date string for resolutions ranging from seconds up through years. Should be used when absolute date and time is unnecessarily...
Read more >
Paragraph - Forma 36
Forma 36 is an open-source design system by Contentful created with the intent to reduce the overhead of creating UI by providing tools...
Read more >
Stack - Forma 36
Forma 36 is an open-source design system by Contentful created with the intent to reduce the overhead of creating UI by providing tools...
Read more >
EntryCard - Forma 36
The two main props to show the content of your entry are title and desciption . It's also possible to pass the Entry's...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found