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

DateInput Component for Forms #144

Merged
merged 14 commits into from
May 20, 2020
Merged

DateInput Component for Forms #144

merged 14 commits into from
May 20, 2020

Conversation

eamahanna
Copy link
Contributor

PR Description

This PR creates the form date input component described here.

For Reviewers

I am not sure if the hard coded Month, Day, Year strings should be props....probably because "hard coded", but I would like to hear your thoughts. Let me know if there is anything else that stands out to you.

@eamahanna eamahanna changed the title DateInput Component for Forms #79 DateInput Component for Forms May 7, 2020
@eamahanna eamahanna marked this pull request as ready for review May 7, 2020 22:08
@eamahanna eamahanna requested a review from haworku May 7, 2020 22:09
@eamahanna eamahanna linked an issue May 7, 2020 that may be closed by this pull request
@eamahanna eamahanna requested a review from suzubara May 14, 2020 16:26
Copy link
Contributor

@suzubara suzubara left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The new split up components look good 👍 However the DateInput component doesn't solve the problem of the user needing to be able to pass props directly to the <TextInput> component. I've seen other libraries solve this by accepting a prop called inputProps of type React.InputHTMLAttributes<HTMLInputElement> and passing that in. The same classnames handling would have to be implemented, so that custom classnames are appended to the existing one instead of overwriting it.

@eamahanna eamahanna requested a review from suzubara May 18, 2020 21:14
Copy link
Contributor

@haworku haworku left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nice - this component developed in an interesting way I wouldn't have expected. I learned some stuff just from reading this PR 😄

CHANGELOG.md Outdated Show resolved Hide resolved
src/components/forms/DateInput/DateInput.stories.tsx Outdated Show resolved Hide resolved
@eamahanna eamahanna dismissed suzubara’s stale review May 20, 2020 15:51

Completed changes

Copy link
Contributor

@suzubara suzubara left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎉 looks good!

src/components/forms/DateInput/DateInput.stories.tsx Outdated Show resolved Hide resolved
src/components/forms/DateInput/DateInput.stories.tsx Outdated Show resolved Hide resolved
@eamahanna eamahanna merged commit bc5eccc into develop May 20, 2020
@eamahanna eamahanna deleted the em-date-input-#79 branch May 20, 2020 16:20
suzubara pushed a commit that referenced this pull request May 28, 2020
* Bump standard-version from 7.1.0 to 8.0.0

Bumps [standard-version](https://github.com/conventional-changelog/standard-version) from 7.1.0 to 8.0.0.
- [Release notes](https://github.com/conventional-changelog/standard-version/releases)
- [Changelog](https://github.com/conventional-changelog/standard-version/blob/master/CHANGELOG.md)
- [Commits](conventional-changelog/standard-version@v7.1.0...v8.0.0)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>

* Created issue templates

Created issue templates for feature request & bug report, with default labels.

* fix: removes the usa-search class name from the form component (#184)

fix #163

* fix: accept id and name props for Search component input field (#183)

* fix: accept id and name props for Search component input field
* fix: qualify id and name props for input field to not clash with form
fix #162

* feat: add dateInput component for forms (#144)

* Added dateInput component and dateInputGroup component for forms

* fix: extends header menu to accept list props for corresponding id (#188)

fix #165

* fix: update gov banner to uswds version 2.7.0

* chore: upgrade uswds to 2.7.0

* docs: add documentation for Trussels (#190)

* docs: add documentation for Trussels

* docs: clean up readme to meet project standards

* docs: add to active maintainers

* docs: add first pass of security policy

Co-authored-by: HANA <hana@truss.works>

* feat: add Footer component #142 (#146)

- adds slim, medium, and big footers with mobile styles
- adds new components, specifically Address, Footer,  FooterNav, FooterExtendedNavList, Logo, SocialLinks

* build(deps-dev): bump @testing-library/jest-dom from 5.7.0 to 5.8.0 (#197)

* build(deps-dev): bump typescript from 3.9.2 to 3.9.3 (#196)

* build(deps-dev): bump @storybook/react from 5.3.18 to 5.3.19 (#198)

* build(deps-dev): bump stylelint from 13.4.1 to 13.5.0 (#199)

* build(deps-dev): bump lint-staged from 10.2.4 to 10.2.6 (#200)

* build(deps-dev): bump @storybook/addon-info from 5.3.18 to 5.3.19 (#201)

* feat(rangeinput): creates form RangeInput component, test, and stories (#194)

* feat(rangeinput): creates form RangeInput component, test, and stories

* feat: add RangeInput component to index.ts for entrypoint export

* feat: remove overalpping interface props with HTMLInputAttributes type

* feat: require id and name props, remove label, remove redundant unpack

* feat: remove unused label import in component, show label usage in story

fixes #81

* docs: add landing page and documentation page template stories (#195)

* docs: add landing page and documentation page template stories

* docs(storybook): add current class to header navigation

* ci: lint PR titles instead of commits #159 (#210)

* chore: add semantic pr workflow

* chore: update workflow

* Remove commitlint hook

* Clarify PR linting requirement

Co-authored-by: HANA <hana@truss.works>

* chore(release): 1.4.0

* Remove duplicate entry from changelog

Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>
Co-authored-by: Duncan <52669884+duncan-truss@users.noreply.github.com>
Co-authored-by: Emily Mahanna <56279459+eamahanna@users.noreply.github.com>
Co-authored-by: HANA <hana@truss.works>
@haworku haworku mentioned this pull request Jun 29, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

USWDS Component: Date input
3 participants