chromeChanged
firefoxUnchanged
Baseline History
Build 916242e221 current baseline
Current build. Accepted by Yihui Liao.
Build 915acce72a
Accepted by Daniel Lu.
Build 907a792c1a
Accepted by Robert Snow.
Build 906988096c
Accepted by Robert Snow.
Build 879cdba748
Accepted by Daniel Lu.
No comments
DOM Diff
file.html a
CHANGED
|
@@ -0,0 +1,121 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div style="display: flex; flex-direction: column; min-height: 1000px;">
|
| 2 |
+
<div class="_t8qIa_spectrum kDKRXa_spectrum kDKRXa_i18nFontFamily YqfL3a_spectrum--light rfm_fq_spectrum--medium XhWg9q_spectrum XhWg9q_spectrum--dark XhWg9q_spectrum--darkest XhWg9q_spectrum--large XhWg9q_spectrum--light XhWg9q_spectrum--lightest XhWg9q_spectrum--medium"
|
| 3 |
+
lang="ja-JP-u-ca-gregory" dir="ltr" style="isolation: isolate; color-scheme: light;">
|
| 4 |
+
<div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
|
| 5 |
+
<h1 style="margin: 0px; padding: 0px;">light, medium, ja-JP-u-ca-gregory</h1>
|
| 6 |
+
<div class="react-spectrum-story"
|
| 7 |
+
style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
|
| 8 |
+
<div class="jIQVGq_spectrum-Field jIQVGq_spectrum-Field--positionTop yoC59W_react-spectrum-Datepicker-fieldWrapper">
|
| 9 |
+
<span id="react-aria5434137219-:r1:" class="jIQVGq_spectrum-FieldLabel">Date</span>
|
| 10 |
+
<div role="group" id="react-aria5434137219-:r0:" aria-labelledby="react-aria5434137219-:r1:"
|
| 11 |
+
aria-describedby="react-aria-description-0" class="zo2IKa_spectrum-Textfield zo2IKa_spectrum-FocusRing zo2IKa_spectrum-FocusRing-ring yoC59W_react-spectrum-Datepicker-field yoC59W_react-spectrum-DateField jIQVGq_spectrum-Field-field">
|
| 12 |
+
<div role="presentation" class="zo2IKa_spectrum-Textfield-input zo2IKa_i18nFontFamily yoC59W_react-spectrum-DateField-Input yoC59W_react-spectrum-Datepicker-input">
|
| 13 |
+
<div role="presentation" class="yoC59W_react-spectrum-Datepicker-inputContents">
|
| 14 |
+
<div role="presentation" class="yoC59W_react-spectrum-Datepicker-inputSized"
|
| 15 |
+
style="min-width: 19ch;">
|
| 16 |
+
<span role="spinbutton" aria-valuenow="2022" aria-valuetext="2022" aria-valuemin="1"
|
| 17 |
+
aria-valuemax="9999" id="react-aria5434137219-:r7:" aria-label="年, " aria-labelledby="react-aria5434137219-:r7: react-aria5434137219-:r1:"
|
| 18 |
+
aria-describedby="react-aria-description-0" contenteditable="true" spellcheck="false"
|
| 19 |
+
autocorrect="off" enterkeyhint="next" inputmode="numeric" tabindex="0"
|
| 20 |
+
class="yoC59W_react-spectrum-DatePicker-cell" data-testid="year" style="caret-color: transparent;">2022</span>
|
| 21 |
+
<span aria-hidden="true" class="yoC59W_react-spectrum-Datepicker-literal">/</span>
|
| 22 |
+
<span role="spinbutton" aria-valuenow="2" aria-valuetext="2 – 2月"
|
| 23 |
+
aria-valuemin="1" aria-valuemax="12" id="react-aria5434137219-:r9:" aria-label="月, "
|
| 24 |
+
aria-labelledby="react-aria5434137219-:r9: react-aria5434137219-:r1:" contenteditable="true"
|
| 25 |
+
spellcheck="false" autocorrect="off" enterkeyhint="next" inputmode="numeric"
|
| 26 |
+
tabindex="0" class="yoC59W_react-spectrum-DatePicker-cell" data-testid="month"
|
| 27 |
+
style="caret-color: transparent;">2</span>
|
| 28 |
+
<span aria-hidden="true" class="yoC59W_react-spectrum-Datepicker-literal">/</span>
|
| 29 |
+
<span role="spinbutton" aria-valuenow="3" aria-valuetext="3" aria-valuemin="1"
|
| 30 |
+
aria-valuemax="28" id="react-aria5434137219-:rb:" aria-label="日, " aria-labelledby="react-aria5434137219-:rb: react-aria5434137219-:r1:"
|
| 31 |
+
contenteditable="true" spellcheck="false" autocorrect="off" enterkeyhint="next"
|
| 32 |
+
inputmode="numeric" tabindex="0" class="yoC59W_react-spectrum-DatePicker-cell"
|
| 33 |
+
data-testid="day" style="caret-color: transparent;">3</span>
|
| 34 |
+
<span aria-hidden="true" class="yoC59W_react-spectrum-Datepicker-literal"></span>
|
| 35 |
+
<span aria-hidden="true" class="yoC59W_react-spectrum-Datepicker-literal"></span>
|
| 36 |
+
<span role="spinbutton" aria-valuenow="8" aria-valuetext="8時"
|
| 37 |
+
aria-valuemin="0" aria-valuemax="23" id="react-aria5434137219-:rd:" aria-label="時, "
|
| 38 |
+
aria-labelledby="react-aria5434137219-:rd: react-aria5434137219-:r1:" contenteditable="true"
|
| 39 |
+
spellcheck="false" autocorrect="off" enterkeyhint="next" inputmode="numeric"
|
| 40 |
+
tabindex="0" class="yoC59W_react-spectrum-DatePicker-cell" data-testid="hour"
|
| 41 |
+
style="caret-color: transparent;">8</span>
|
| 42 |
+
<span aria-hidden="true" class="yoC59W_react-spectrum-Datepicker-literal">:</span>
|
| 43 |
+
<span role="spinbutton" aria-valuenow="45" aria-valuetext="45"
|
| 44 |
+
aria-valuemin="0" aria-valuemax="59" id="react-aria5434137219-:rf:" aria-label="分, "
|
| 45 |
+
aria-labelledby="react-aria5434137219-:rf: react-aria5434137219-:r1:" contenteditable="true"
|
| 46 |
+
spellcheck="false" autocorrect="off" enterkeyhint="next" inputmode="numeric"
|
| 47 |
+
tabindex="0" class="yoC59W_react-spectrum-DatePicker-cell" data-testid="minute"
|
| 48 |
+
style="caret-color: transparent;">45</span>
|
| 49 |
+
<span aria-hidden="true" class="yoC59W_react-spectrum-Datepicker-literal"></span>
|
| 50 |
+
<input type="hidden" value="2022-02-03T08:45:00" style="">
|
| 51 |
+
</div>
|
| 52 |
+
</div>
|
| 53 |
+
</div>
|
| 54 |
+
</div>
|
| 55 |
+
</div>
|
| 56 |
+
</div>
|
| 57 |
+
</div>
|
| 58 |
+
</div>
|
| 59 |
+
<div class="_t8qIa_spectrum kDKRXa_spectrum kDKRXa_i18nFontFamily YqfL3a_spectrum--light rfm_fq_spectrum--medium XhWg9q_spectrum XhWg9q_spectrum--dark XhWg9q_spectrum--darkest XhWg9q_spectrum--large XhWg9q_spectrum--light XhWg9q_spectrum--lightest XhWg9q_spectrum--medium"
|
| 60 |
+
lang="ja-JP-u-ca-japanese" dir="ltr" style="isolation: isolate; color-scheme: light;">
|
| 61 |
+
<div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
|
| 62 |
+
<h1 style="margin: 0px; padding: 0px;">light, medium, ja-JP-u-ca-japanese</h1>
|
| 63 |
+
<div class="react-spectrum-story"
|
| 64 |
+
style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
|
| 65 |
+
<div class="jIQVGq_spectrum-Field jIQVGq_spectrum-Field--positionTop yoC59W_react-spectrum-Datepicker-fieldWrapper">
|
| 66 |
+
<span id="react-aria5434137219-:ri:" class="jIQVGq_spectrum-FieldLabel">Date</span>
|
| 67 |
+
<div role="group" id="react-aria5434137219-:rh:" aria-labelledby="react-aria5434137219-:ri:"
|
| 68 |
+
aria-describedby="react-aria-description-1" class="zo2IKa_spectrum-Textfield zo2IKa_spectrum-FocusRing zo2IKa_spectrum-FocusRing-ring yoC59W_react-spectrum-Datepicker-field yoC59W_react-spectrum-DateField jIQVGq_spectrum-Field-field">
|
| 69 |
+
<div role="presentation" class="zo2IKa_spectrum-Textfield-input zo2IKa_i18nFontFamily yoC59W_react-spectrum-DateField-Input yoC59W_react-spectrum-Datepicker-input">
|
| 70 |
+
<div role="presentation" class="yoC59W_react-spectrum-Datepicker-inputContents">
|
| 71 |
+
<div role="presentation" class="yoC59W_react-spectrum-Datepicker-inputSized"
|
| 72 |
+
style="min-width: 16ch;">
|
| 73 |
+
<span role="spinbutton" aria-valuenow="4" aria-valuetext="R" aria-valuemin="0"
|
| 74 |
+
aria-valuemax="4" id="react-aria5434137219-:ro:" aria-label="時代, " aria-labelledby="react-aria5434137219-:ro: react-aria5434137219-:ri:"
|
| 75 |
+
aria-describedby="react-aria-description-1" contenteditable="true" spellcheck="false"
|
| 76 |
+
autocorrect="off" enterkeyhint="next" tabindex="0" class="yoC59W_react-spectrum-DatePicker-cell"
|
| 77 |
+
data-testid="era" style="caret-color: transparent;">R</span>
|
| 78 |
+
<span role="spinbutton" aria-valuenow="4" aria-valuetext="4" aria-valuemin="1"
|
| 79 |
+
aria-valuemax="7981" id="react-aria5434137219-:rq:" aria-label="年, " aria-labelledby="react-aria5434137219-:rq: react-aria5434137219-:ri:"
|
| 80 |
+
contenteditable="true" spellcheck="false" autocorrect="off" enterkeyhint="next"
|
| 81 |
+
inputmode="numeric" tabindex="0" class="yoC59W_react-spectrum-DatePicker-cell"
|
| 82 |
+
data-testid="year" style="caret-color: transparent;">4</span>
|
| 83 |
+
<span aria-hidden="true" class="yoC59W_react-spectrum-Datepicker-literal">/</span>
|
| 84 |
+
<span role="spinbutton" aria-valuenow="2" aria-valuetext="2 – 2月"
|
| 85 |
+
aria-valuemin="1" aria-valuemax="12" id="react-aria5434137219-:rs:" aria-label="月, "
|
| 86 |
+
aria-labelledby="react-aria5434137219-:rs: react-aria5434137219-:ri:" contenteditable="true"
|
| 87 |
+
spellcheck="false" autocorrect="off" enterkeyhint="next" inputmode="numeric"
|
| 88 |
+
tabindex="0" class="yoC59W_react-spectrum-DatePicker-cell" data-testid="month"
|
| 89 |
+
style="caret-color: transparent;">2</span>
|
| 90 |
+
<span aria-hidden="true" class="yoC59W_react-spectrum-Datepicker-literal">/</span>
|
| 91 |
+
<span role="spinbutton" aria-valuenow="3" aria-valuetext="3" aria-valuemin="1"
|
| 92 |
+
aria-valuemax="28" id="react-aria5434137219-:ru:" aria-label="日, " aria-labelledby="react-aria5434137219-:ru: react-aria5434137219-:ri:"
|
| 93 |
+
contenteditable="true" spellcheck="false" autocorrect="off" enterkeyhint="next"
|
| 94 |
+
inputmode="numeric" tabindex="0" class="yoC59W_react-spectrum-DatePicker-cell"
|
| 95 |
+
data-testid="day" style="caret-color: transparent;">3</span>
|
| 96 |
+
<span aria-hidden="true" class="yoC59W_react-spectrum-Datepicker-literal"></span>
|
| 97 |
+
<span aria-hidden="true" class="yoC59W_react-spectrum-Datepicker-literal"></span>
|
| 98 |
+
<span role="spinbutton" aria-valuenow="8" aria-valuetext="8時"
|
| 99 |
+
aria-valuemin="0" aria-valuemax="23" id="react-aria5434137219-:r10:" aria-label="時, "
|
| 100 |
+
aria-labelledby="react-aria5434137219-:r10: react-aria5434137219-:ri:"
|
| 101 |
+
contenteditable="true" spellcheck="false" autocorrect="off" enterkeyhint="next"
|
| 102 |
+
inputmode="numeric" tabindex="0" class="yoC59W_react-spectrum-DatePicker-cell"
|
| 103 |
+
data-testid="hour" style="caret-color: transparent;">8</span>
|
| 104 |
+
<span aria-hidden="true" class="yoC59W_react-spectrum-Datepicker-literal">:</span>
|
| 105 |
+
<span role="spinbutton" aria-valuenow="45" aria-valuetext="45"
|
| 106 |
+
aria-valuemin="0" aria-valuemax="59" id="react-aria5434137219-:r12:" aria-label="分, "
|
| 107 |
+
aria-labelledby="react-aria5434137219-:r12: react-aria5434137219-:ri:"
|
| 108 |
+
contenteditable="true" spellcheck="false" autocorrect="off" enterkeyhint="next"
|
| 109 |
+
inputmode="numeric" tabindex="0" class="yoC59W_react-spectrum-DatePicker-cell"
|
| 110 |
+
data-testid="minute" style="caret-color: transparent;">45</span>
|
| 111 |
+
<span aria-hidden="true" class="yoC59W_react-spectrum-Datepicker-literal"></span>
|
| 112 |
+
<input type="hidden" value="2022-02-03T08:45:00" style="">
|
| 113 |
+
</div>
|
| 114 |
+
</div>
|
| 115 |
+
</div>
|
| 116 |
+
</div>
|
| 117 |
+
</div>
|
| 118 |
+
</div>
|
| 119 |
+
</div>
|
| 120 |
+
</div>
|
| 121 |
+
</div>
|