Skip to content

Commit 8392887

Browse files
committed
Update PARITY.md: add CheckBox and DateTimeInput to implemented components
1 parent a4930d7 commit 8392887

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

renderers/react/visual-parity/PARITY.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -238,6 +238,8 @@ Each Lit component with `static styles` needs a corresponding entry in `componen
238238
| **Image** | `image.ts` | `:host`, `img` | All usage hints pass 0% |
239239
| **Slider** | `slider.ts` | `:host`, `input[type="range"]` | Basic slider passes 0% |
240240
| **Tabs** | `tabs.ts` | `:host`, `section`, `button` | All fixtures pass 0% |
241+
| **CheckBox** | `checkbox.ts` | `:host`, `input` | Works via path binding |
242+
| **DateTimeInput** | `datetime-input.ts` | `:host`, `input` | React uses HTML5 inputs directly |
241243

242244
### 🔄 Need Investigation
243245

@@ -253,7 +255,7 @@ Each Lit component with `static styles` needs a corresponding entry in `componen
253255
|-----------|----------|-------|
254256
| **Slider** | `slider.ts` | Value does not update when slider moves |
255257
| **Divider** | `divider.ts` | Ignores `axis` property - always renders same orientation |
256-
| **CheckBox** | `checkbox.ts` | Uses `.value` instead of `.checked` (line 100), so checked state never displays. Also checks `literalBoolean` (line 110), so `false` values cause component to not render - only works via path binding. |
258+
| **CheckBox** | `checkbox.ts` | Uses `.value` instead of `.checked` (line 100), so checked state only displays correctly when using path binding. Using `literalBoolean` with `false` causes component to not render. Visual parity tests pass using path binding. |
257259
| **DateTimeInput** | `datetime-input.ts` | Uses `getMonth()` which is 0-indexed (0-11) without adding 1, causing issues in January and one month off otherwise. Also parses all values through `new Date()` constructor which does not accept time-only strings. React uses HTML5 inputs directly as they match A2UI format. |
258260
| **MultipleChoice** | `multiple-choice.ts` | React uses radio/checkbox inputs, Lit uses `<select>` dropdown. Skipped in visual parity tests. |
259261

0 commit comments

Comments
 (0)