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

feat(date-time-picker): add date/time input + picker #3838

Closed

Conversation

paulodetarsofm
Copy link

Description

Adding the third component that will be part of the date/time selector: the date/time field itself. The time field, which had been created in this PR, will no longer be used, inside the popover we will only have the calendar, at least for now.

image

Related issue(s)

Motivation and context

Allow the user to set the date and time to publish a post on social media.

How has this been tested?

  • Test case 1
    1. Go here
    2. Do this
  • Test case 2
    1. Go here
    2. Do this

Screenshots (if appropriate)

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Chore (minor updates related to the tooling or maintenance of the repository, does not impact compiled assets)

Checklist

  • I have signed the Adobe Open Source CLA.
  • My code follows the code style of this project.
  • If my change required a change to the documentation, I have updated the documentation in this pull request.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.
  • I have reviewed at the Accessibility Practices for this feature, see: Aria Practices

Best practices

This repository uses conventional commit syntax for each commit message; note that the GitHub UI does not use this by default so be cautious when accepting suggested changes. Avoid the "Update branch" button on the pull request and opt instead for rebasing your branch against main.

></sp-calendar>
</sp-theme>
const story = html`
<h1>${title}</h1>
Copy link
Contributor

Choose a reason for hiding this comment

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

Can you please verify whether h4 font-color changes in light and dark modes too?

Copy link
Author

Choose a reason for hiding this comment

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

Yes, it changes automatically:
image

image

image
image

"@spectrum-web-components/popover": "^0.40.0"
},
"devDependencies": {
"@spectrum-web-components/story-decorator": "^0.40.0"
Copy link
Contributor

Choose a reason for hiding this comment

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

This should be in dependency array.

Copy link
Author

Choose a reason for hiding this comment

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

But we use it only inside Storybook, the component itself does not use this package. Do you think that we should move to be inside the dependencies array?

</slot>
</sp-picker-button>

<!-- TODO: Enable "receives-focus" when calendar is navigable via keyboard -->
Copy link
Contributor

Choose a reason for hiding this comment

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

can we remove the TODO comment?

Copy link
Author

Choose a reason for hiding this comment

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

We agreed that we will keep the ´TODO`s listed on the README file

Copy link

github-actions bot commented Nov 30, 2023

Tachometer results

Chrome

accordion permalink

Version Bytes Avg Time vs remote vs branch
npm latest 418 kB 171.42ms - 177.34ms - unsure 🔍
-1% - +3%
-1.08ms - +5.30ms
branch 414 kB 171.07ms - 173.46ms unsure 🔍
-3% - +1%
-5.30ms - +1.08ms
-

action-bar permalink

Version Bytes Avg Time vs remote vs branch
npm latest 487 kB 92.88ms - 94.31ms - unsure 🔍
-1% - +1%
-1.17ms - +1.19ms
branch 483 kB 92.65ms - 94.53ms unsure 🔍
-1% - +1%
-1.19ms - +1.17ms
-

action-button permalink

Version Bytes Avg Time vs remote vs branch
npm latest 515 kB 115.93ms - 118.09ms - unsure 🔍
-3% - +1%
-3.46ms - +0.66ms
branch 511 kB 116.65ms - 120.16ms unsure 🔍
-1% - +3%
-0.66ms - +3.46ms
-

action-group permalink

Version Bytes Avg Time vs remote vs branch
npm latest 536 kB 73.26ms - 74.45ms - unsure 🔍
-2% - +1%
-1.83ms - +0.68ms
branch 532 kB 73.33ms - 75.53ms unsure 🔍
-1% - +2%
-0.68ms - +1.83ms
-

action-menu permalink

Version Bytes Avg Time vs remote vs branch
npm latest 636 kB 185.08ms - 188.76ms - unsure 🔍
-1% - +3%
-1.91ms - +4.78ms
branch 632 kB 182.69ms - 188.27ms unsure 🔍
-3% - +1%
-4.78ms - +1.91ms
-

alert-dialog permalink

Version Bytes Avg Time vs remote vs branch
npm latest 456 kB 129.88ms - 131.04ms - unsure 🔍
-1% - +1%
-1.16ms - +0.69ms
branch 452 kB 129.97ms - 131.41ms unsure 🔍
-1% - +1%
-0.69ms - +1.16ms
-

asset permalink

Version Bytes Avg Time vs remote vs branch
npm latest 362 kB 13.99ms - 14.09ms - unsure 🔍
-0% - +1%
-0.01ms - +0.14ms
branch 358 kB 13.92ms - 14.04ms unsure 🔍
-1% - +0%
-0.14ms - +0.01ms
-

avatar permalink

Version Bytes Avg Time vs remote vs branch
npm latest 401 kB 26.69ms - 27.45ms - unsure 🔍
-6% - +0%
-1.61ms - +0.06ms
branch 397 kB 27.10ms - 28.59ms unsure 🔍
-0% - +6%
-0.06ms - +1.61ms
-

badge permalink

Version Bytes Avg Time vs remote vs branch
npm latest 401 kB 35.81ms - 36.22ms - unsure 🔍
-1% - +1%
-0.28ms - +0.26ms
branch 397 kB 35.85ms - 36.21ms unsure 🔍
-1% - +1%
-0.26ms - +0.28ms
-

banner permalink

Version Bytes Avg Time vs remote vs branch
npm latest 361 kB 23.26ms - 23.46ms - unsure 🔍
-1% - +1%
-0.20ms - +0.14ms
branch 357 kB 23.25ms - 23.53ms unsure 🔍
-1% - +1%
-0.14ms - +0.20ms
-

button-group permalink

Version Bytes Avg Time vs remote vs branch
npm latest 443 kB 66.57ms - 67.88ms - unsure 🔍
-1% - +2%
-0.75ms - +1.03ms
branch 439 kB 66.48ms - 67.69ms unsure 🔍
-2% - +1%
-1.03ms - +0.75ms
-

button permalink

Version Bytes Avg Time vs remote vs branch
npm latest 449 kB 80.61ms - 81.98ms - unsure 🔍
-2% - +0%
-1.88ms - +0.10ms
branch 445 kB 81.46ms - 82.90ms unsure 🔍
-0% - +2%
-0.10ms - +1.88ms
-
Firefox

accordion permalink

Version Bytes Avg Time vs remote vs branch
npm latest 418 kB 324.82ms - 336.58ms - unsure 🔍
-2% - +2%
-7.96ms - +7.48ms
branch 414 kB 325.93ms - 335.95ms unsure 🔍
-2% - +2%
-7.48ms - +7.96ms
-

action-bar permalink

Version Bytes Avg Time vs remote vs branch
npm latest 487 kB 176.65ms - 184.27ms - unsure 🔍
-4% - +2%
-7.15ms - +3.63ms
branch 483 kB 178.41ms - 186.03ms unsure 🔍
-2% - +4%
-3.63ms - +7.15ms
-

action-button permalink

Version Bytes Avg Time vs remote vs branch
npm latest 515 kB 292.84ms - 304.24ms - unsure 🔍
-2% - +3%
-6.46ms - +8.50ms
branch 511 kB 292.67ms - 302.37ms unsure 🔍
-3% - +2%
-8.50ms - +6.46ms
-

action-group permalink

Version Bytes Avg Time vs remote vs branch
npm latest 536 kB 182.36ms - 190.12ms - unsure 🔍
-4% - +3%
-6.94ms - +5.46ms
branch 532 kB 182.15ms - 191.81ms unsure 🔍
-3% - +4%
-5.46ms - +6.94ms
-

action-menu permalink

Version Bytes Avg Time vs remote vs branch
npm latest 636 kB 347.64ms - 357.80ms - unsure 🔍
-1% - +3%
-4.53ms - +9.45ms
branch 632 kB 345.46ms - 355.06ms unsure 🔍
-3% - +1%
-9.45ms - +4.53ms
-

alert-dialog permalink

Version Bytes Avg Time vs remote vs branch
npm latest 456 kB 227.35ms - 234.37ms - unsure 🔍
-6% - +1%
-14.43ms - +2.83ms
branch 452 kB 228.78ms - 244.54ms unsure 🔍
-1% - +6%
-2.83ms - +14.43ms
-

asset permalink

Version Bytes Avg Time vs remote vs branch
npm latest 362 kB 29.57ms - 32.07ms - unsure 🔍
-7% - +6%
-2.06ms - +1.94ms
branch 358 kB 29.32ms - 32.44ms unsure 🔍
-6% - +7%
-1.94ms - +2.06ms
-

avatar permalink

Version Bytes Avg Time vs remote vs branch
npm latest 401 kB 62.00ms - 66.04ms - unsure 🔍
-6% - +4%
-4.21ms - +2.65ms
branch 397 kB 62.03ms - 67.57ms unsure 🔍
-4% - +7%
-2.65ms - +4.21ms
-

badge permalink

Version Bytes Avg Time vs remote vs branch
npm latest 401 kB 80.52ms - 87.12ms - unsure 🔍
-6% - +5%
-5.00ms - +4.60ms
branch 397 kB 80.54ms - 87.50ms unsure 🔍
-5% - +6%
-4.60ms - +5.00ms
-

banner permalink

Version Bytes Avg Time vs remote vs branch
npm latest 361 kB 38.86ms - 42.82ms - unsure 🔍
-5% - +8%
-2.10ms - +3.26ms
branch 357 kB 38.45ms - 42.07ms unsure 🔍
-8% - +5%
-3.26ms - +2.10ms
-

button-group permalink

Version Bytes Avg Time vs remote vs branch
npm latest 443 kB 177.39ms - 185.89ms - unsure 🔍
-1% - +5%
-2.51ms - +9.07ms
branch 439 kB 174.42ms - 182.30ms unsure 🔍
-5% - +1%
-9.07ms - +2.51ms
-

button permalink

Version Bytes Avg Time vs remote vs branch
npm latest 449 kB 189.43ms - 194.85ms - unsure 🔍
-3% - +2%
-5.89ms - +4.25ms
branch 445 kB 188.67ms - 197.25ms unsure 🔍
-2% - +3%
-4.25ms - +5.89ms
-

@mirekszot mirekszot force-pushed the paulodetarsofm/date-time-picker branch 2 times, most recently from 73b3d40 to 72f7822 Compare December 6, 2023 15:49
TarunAdobe and others added 11 commits December 6, 2023 16:54
chore(tooltip): updated tooltip documentation

chore(tooltip): updated documentation for self-managed tooltip

chore(tooltip): extended self-managed doc
#3800)

* docs(split-view): added label for resizable examples for documentation

* chore(split-view): updated readme and label logic

---------

Co-authored-by: Rajdeep Chandra <rajdeepc@adobe.com>
Co-authored-by: Najika Halsema Yoo <44980010+najikahalsema@users.noreply.github.com>
* chore(picker): fix for overlaid picker in mobile

* chore: updated golden image cache

* chore(picker): fix for overlaid picker in mobile

* chore: updated golden image cache

* chore(picker): added property for type

* chore(picker): added type as a property

* chore(picker): removing overlay type as a property

* chore(picker): added triiger open decorator for custom picker

* chore(picker): reverting golden hash

---------

Co-authored-by: Rajdeep Chandra <rajdeepc@adobe.com>
dependabot bot and others added 7 commits December 6, 2023 16:54
Bumps [tar-stream](https://github.com/mafintosh/tar-stream) from 3.0.0 to 3.1.6.
- [Commits](mafintosh/tar-stream@v3.0.0...v3.1.6)

---
updated-dependencies:
- dependency-name: tar-stream
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Bumps [@spectrum-css/progressbar](https://github.com/adobe/spectrum-css/tree/HEAD/components/progressbar) from 3.0.76 to 3.0.80.
- [Release notes](https://github.com/adobe/spectrum-css/releases)
- [Changelog](https://github.com/adobe/spectrum-css/blob/main/components/progressbar/CHANGELOG.md)
- [Commits](https://github.com/adobe/spectrum-css/commits/@spectrum-css/progressbar@3.0.80/components/progressbar)

---
updated-dependencies:
- dependency-name: "@spectrum-css/progressbar"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
* feat: add calendar

* feat: use first day of the week according to the locale

* feat: add "disabled" property

* feat: handle "Previous" and "Next" month buttons

* feat: add locale for all stories

* feat: add "min" and "max" date

* refactor: add new render methods

* feat: format day using Intl.NumberFormat

* fix: lit-plugin "no-incompatible-property-type"

* The built in converter doesn't handle the property type Date | undefined

* fix: packages version + property type error

* refactor: add to-do list to README

* feat: add event handlers and slots for icons

* refactor(calendar): update dependencies

* refactor(calendar): changing Lit resource import source

* refactor: add comments and use correct formatters

* refactor: convert property `_locale` to a getter

* refactor: remove `_` from private properties and methods

* refactor: remove unnecessary method

* refactor: remove unnecessary template checking

* refactor: add new private properties

* refactor: code improvements, new comments

* refactor: remove reflect from properties they don't need

* fix: add new package to tsconfig.json

* refactor: use same version of `@internationalized/number` used by other components

* refactor(calendar): improvements and new TODOs
@mirekszot mirekszot force-pushed the paulodetarsofm/date-time-picker branch from 72f7822 to 34f78a0 Compare December 6, 2023 15:58
@mirekszot
Copy link

Closing this PR due rebase mismatch, will be reopened here #3856

@mirekszot mirekszot closed this Dec 6, 2023
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.

6 participants