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

fix(TimePicker): Clear text when date value changes to null #31626

Merged
merged 2 commits into from
Jul 22, 2024

Conversation

behowell
Copy link
Contributor

@behowell behowell commented Jun 7, 2024

Previous Behavior

TimePicker doesn't change its display text when the value changes to null or NaN.

New Behavior

Clear the display text when the date value changes to null or NaN.

Related Issue(s)

@behowell behowell added Fluent UI react (v8) Issues about @fluentui/react (v8) Component: TimePicker labels Jun 7, 2024
@behowell behowell self-assigned this Jun 7, 2024
@behowell behowell requested a review from a team as a code owner June 7, 2024 20:58
@github-actions github-actions bot added this to the April Project Cycle Q1 2024 milestone Jun 7, 2024
@fabricteam
Copy link
Collaborator

fabricteam commented Jun 7, 2024

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react
Fluent UI React (entire library)
1.014 MB
281.903 kB
1.014 MB
281.908 kB
6 B
5 B
react
TimePicker
241.828 kB
70.079 kB
241.834 kB
70.085 kB
6 B
6 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react
ActivityItem
71.199 kB
23.342 kB
react
Announced
38.48 kB
13.282 kB
react
Autofill
15.428 kB
4.768 kB
react
Breadcrumb
202.16 kB
60.414 kB
react
Button
195.612 kB
56.635 kB
react
ButtonGrid
180.546 kB
54.615 kB
react
Calendar
121.738 kB
36.999 kB
react
Callout
84.292 kB
27.63 kB
react
Check
53.16 kB
17.832 kB
react
Checkbox
59.946 kB
19.879 kB
react
ChoiceGroup
65.455 kB
21.478 kB
react
ChoiceGroupOption
58.723 kB
19.355 kB
react
Coachmark
93.132 kB
29.416 kB
react
Color
7.789 kB
3.127 kB
react
ColorPicker
133.22 kB
41.588 kB
react
ComboBox
252.052 kB
72.328 kB
react
CommandBar
203.201 kB
60.138 kB
react
ContextualMenu
155.083 kB
48.18 kB
react
DatePicker
184.16 kB
56.164 kB
react
DateTimeUtilities
5.244 kB
1.849 kB
react
DetailsList
229.78 kB
65.894 kB
react
Dialog
211.467 kB
63.157 kB
react
Divider
19.591 kB
6.841 kB
react
DocumentCard
217.153 kB
64.431 kB
react
DragDrop
8.343 kB
2.724 kB
react
DraggableZone
34.305 kB
11.509 kB
react
Dropdown
234.099 kB
68.671 kB
react
ExtendedPicker
96.795 kB
27.893 kB
react
Fabric
41.732 kB
14.349 kB
react
Facepile
210.755 kB
63.183 kB
react
FloatingPicker
242.196 kB
69.02 kB
react
FocusTrapZone
17.03 kB
5.924 kB
react
FocusZone
55.053 kB
17.47 kB
react
Grid
180.546 kB
54.615 kB
react
GroupedList
135.005 kB
40.75 kB
react
GroupedListV2
122.594 kB
37.849 kB
react
HoverCard
97.16 kB
30.816 kB
react
Icon
51.848 kB
17.254 kB
react
Icons
66.361 kB
24.397 kB
react
Image
46.887 kB
15.703 kB
react
Keytip
81.661 kB
26.758 kB
react
KeytipData
14.028 kB
4.587 kB
react
KeytipLayer
103.459 kB
32.014 kB
react
Keytips
106.227 kB
33.014 kB
react
Label
38.335 kB
13.251 kB
react
Layer
48.084 kB
16.358 kB
react
Link
39.668 kB
13.662 kB
react
List
39.4 kB
12.481 kB
react
MarqueeSelection
74.528 kB
22.424 kB
react
MessageBar
190.65 kB
57.064 kB
react
Modal
93.632 kB
30.242 kB
react
Nav
188.15 kB
56.514 kB
react
OverflowSet
33.376 kB
11.317 kB
react
Overlay
40.889 kB
14.084 kB
react
Panel
201.208 kB
60.025 kB
react
Persona
114.805 kB
36.493 kB
react
PersonaCoin
114.805 kB
36.493 kB
react
PersonaPresence
58.03 kB
19.368 kB
react
Pickers
294.031 kB
82.422 kB
react
Pivot
189.043 kB
57.242 kB
react
Popup
12.294 kB
4.195 kB
react
Positioning
22.807 kB
7.701 kB
react
PositioningContainer
73.838 kB
23.759 kB
react
ProgressIndicator
39.491 kB
13.54 kB
react
Rating
81.97 kB
26.1 kB
react
ResizeGroup
13.338 kB
4.377 kB
react
ResponsiveMode
8.13 kB
2.966 kB
react
ScrollablePane
55.53 kB
17.73 kB
react
SearchBox
188.925 kB
56.674 kB
react
SelectableOption
724 B
413 B
react
SelectedItemsList
232.707 kB
67.921 kB
react
Selection
42.464 kB
12.301 kB
react
Separator
35.372 kB
12.142 kB
react
Shimmer
49.238 kB
16.264 kB
react
ShimmeredDetailsList
240.562 kB
68.628 kB
react
Slider
57.639 kB
19.206 kB
react
SpinButton
192.654 kB
57.781 kB
react
Spinner
41.764 kB
14.469 kB
react
Stack
41.734 kB
14.268 kB
react
Sticky
32.613 kB
10.509 kB
react
Styling
46.033 kB
15.135 kB
react
SwatchColorPicker
190.871 kB
58.117 kB
react
TeachingBubble
205.924 kB
61.042 kB
react
Text
36.908 kB
12.822 kB
react
TextField
80.767 kB
25.323 kB
react
Theme
43.501 kB
14.183 kB
react
ThemeGenerator
12.392 kB
4.126 kB
react
Toggle
46.21 kB
15.966 kB
react
Tooltip
87.324 kB
28.217 kB
react
Utilities
82.675 kB
25.119 kB
react
Viewport
23.888 kB
7.656 kB
react
WeeklyDayPicker
101.892 kB
31.818 kB
react
WindowProvider
1.059 kB
541 B
🤖 This report was generated against 1bfb9c97a65007e4a97936a3f189d0495864f2f9

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 7, 2024

🕵 fluentuiv8 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 7, 2024

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 665 632 5000
Breadcrumb mount 1690 1668 1000
Checkbox mount 1713 1694 5000
CheckboxBase mount 1514 1513 5000
ChoiceGroup mount 2905 2951 5000
ComboBox mount 676 694 1000
CommandBar mount 6651 6644 1000
ContextualMenu mount 14717 14691 1000
DefaultButton mount 793 854 5000
DetailsRow mount 2258 2170 5000
DetailsRowFast mount 2195 2215 5000
DetailsRowNoStyles mount 2093 2055 5000
Dialog mount 2715 2890 1000
DocumentCardTitle mount 238 242 1000
Dropdown mount 2002 2036 5000
FocusTrapZone mount 1184 1164 5000
FocusZone mount 1096 1105 5000
GroupedList mount 42343 42773 2
GroupedList virtual-rerender 20713 20476 2
GroupedList virtual-rerender-with-unmount 52329 52548 2
GroupedListV2 mount 235 236 2
GroupedListV2 virtual-rerender 213 209 2
GroupedListV2 virtual-rerender-with-unmount 236 234 2
IconButton mount 1159 1135 5000
Label mount 342 353 5000
Layer mount 2797 2770 5000
Link mount 414 405 5000
MenuButton mount 987 986 5000
MessageBar mount 21374 21414 5000
Nav mount 2007 2049 1000
OverflowSet mount 800 800 5000
Panel mount 1881 1823 1000
Persona mount 764 753 1000
Pivot mount 914 911 1000
PrimaryButton mount 930 944 5000
Rating mount 4723 4758 5000
SearchBox mount 908 934 5000
Shimmer mount 1885 1933 5000
Slider mount 1348 1361 5000
SpinButton mount 3008 2942 5000
Spinner mount 400 397 5000
SplitButton mount 1920 1849 5000
Stack mount 424 465 5000
StackWithIntrinsicChildren mount 895 883 5000
StackWithTextChildren mount 2751 2748 5000
SwatchColorPicker mount 6346 6438 5000
TagPicker mount 1470 1467 5000
Text mount 386 394 5000
TextField mount 946 933 5000
ThemeProvider mount 882 860 5000
ThemeProvider virtual-rerender 587 582 5000
ThemeProvider virtual-rerender-with-unmount 1354 1281 5000
Toggle mount 614 635 5000
buttonNative mount 202 205 5000

@behowell behowell enabled auto-merge (squash) July 22, 2024 20:01
@behowell behowell merged commit 5c3c0ba into microsoft:master Jul 22, 2024
17 of 19 checks passed
@behowell behowell deleted the timepicker-v8-clear-text-on-null branch July 22, 2024 20:35
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jul 25, 2024
* master: (77 commits)
  chore(react-examples): replace storybook deprecated api with static stories (microsoft#32074)
  [chore]: create base class for accordion item and remove style and layout specific api (microsoft#32102)
  release: applying package updates - web-components
  chore(web-components): add test for complex focus management (microsoft#32009)
  [chore]: create base class for avatar and remove style and layout specific api (microsoft#32083)
  [chore]: create base class for text input and remove style and layout specific api (microsoft#32080)
  release: applying package updates - web-components
  chore:(react-nav-preview) Scaffold AppItem (microsoft#32088)
  docs(`react-teaching-popover`): Adding subcomponents' API to `TeachingPopover` documentation page (microsoft#32084)
  feat(web-components): relax setTheme() argument type to allow custom tokens (microsoft#32087)
  release: applying package updates - react-components
  [Chore]: Create Spinner base class to abstract out style and layout specific api. (microsoft#32067)
  [Chore]: Create Progress Bar base class to abstract out style and layout specific api. (microsoft#32066)
  fix(react-storybook-addon): transform decorator to function in withAriaLive() (microsoft#32011)
  fix(motion): improve Web Animations API detection in tests (microsoft#32029)
  chore(eslint-plugin): removes type dependency on @fluentui/react-utilities internals in ban-instanceof-html-element rule (microsoft#32072)
  release: applying package updates - react v8
  release: applying package updates - web-components
  Chore: Create Divider base class to abstract out style and layout specific api (microsoft#32065)
  fix(TimePicker): Clear text when date value changes to null (microsoft#31626)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: TimePicker Fluent UI react (v8) Issues about @fluentui/react (v8)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: TimePicker doesn't clear textbox when value prop is set to null
3 participants