Skip to content

feat: Add timepicker component#299

Open
jz5426 wants to merge 65 commits into
IBM:mainfrom
jz5426:timepicker
Open

feat: Add timepicker component#299
jz5426 wants to merge 65 commits into
IBM:mainfrom
jz5426:timepicker

Conversation

@jz5426
Copy link
Copy Markdown
Contributor

@jz5426 jz5426 commented Feb 1, 2024

for #205

@netlify
Copy link
Copy Markdown

netlify Bot commented Feb 1, 2024

Deploy Preview for carbon-components-builder ready!

Name Link
🔨 Latest commit 0d89669
🔍 Latest deploy log https://app.netlify.com/projects/carbon-components-builder/deploys/66a174c7a9ba5e0008461e0f
😎 Deploy Preview https://deploy-preview-299--carbon-components-builder.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

jz5426 and others added 17 commits February 1, 2024 08:01
Signed-off-by: Max You <[email protected]>
Signed-off-by: Zvonimir Fras <[email protected]>
Signed-off-by: Max You <[email protected]>
* chore: migrate nx to the latest version

Signed-off-by: Akshat Patel <[email protected]>

* chore: update base branch

Signed-off-by: Akshat Patel <[email protected]>

* chore: centralize linting rules in root

Signed-off-by: Akshat Patel <[email protected]>

* chore: update lib project name to match supported framework

Signed-off-by: Akshat Patel <[email protected]>

* chore: remove overrides

Signed-off-by: Akshat Patel <[email protected]>

* chore: lint fix

Signed-off-by: Akshat Patel <[email protected]>

* chore: lint fix

Signed-off-by: Akshat Patel <[email protected]>

* chore: disable caching for lint results

Signed-off-by: Akshat Patel <[email protected]>

* chore: update lint fix script

Signed-off-by: Akshat Patel <[email protected]>

---------

Signed-off-by: Akshat Patel <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Zvonimir Fras <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Zvonimir Fras <[email protected]>
Signed-off-by: Max You <[email protected]>
* chore: update build directory names and path

Signed-off-by: Akshat Patel <[email protected]>

* chore: lint fix

Signed-off-by: Akshat Patel <[email protected]>

* chore: update project source root

Signed-off-by: Akshat Patel <[email protected]>

* chore: Set output path for libs in dist/libs/*

Signed-off-by: Akshat Patel <[email protected]>

* chore: Add nx release script

Signed-off-by: Akshat Patel <[email protected]>

* ci: Add publish ci flow

Signed-off-by: Akshat Patel <[email protected]>

* chore: Add SemVer versioning

Signed-off-by: Akshat Patel <[email protected]>

* chore: add commintlint

Signed-off-by: Akshat Patel <[email protected]>

* chore: add root workspace

Signed-off-by: Akshat Patel <[email protected]>

* Support {{children}} in custom components

Signed-off-by: Zvonimir Fras <[email protected]>
Signed-off-by: Akshat Patel <[email protected]>

* Fix export template not working when items empty

Signed-off-by: Zvonimir Fras <[email protected]>
Signed-off-by: Akshat Patel <[email protected]>

* chore: publish without packing

Signed-off-by: Akshat Patel <[email protected]>

* revert: file deletion

Signed-off-by: Akshat Patel <[email protected]>

* chore: give execute permissions

Signed-off-by: Akshat Patel <[email protected]>

* chore: use carbon bot for publishing github releases

Signed-off-by: Akshat Patel <[email protected]>

* chore: skip app commit types

Signed-off-by: Akshat Patel <[email protected]>

* chore: add �pp as an acceptable commit type

Signed-off-by: Akshat Patel <[email protected]>

* chore: update secret name

Signed-off-by: Akshat Patel <[email protected]>

* ci: migrate back to workflow

Signed-off-by: Akshat Patel <[email protected]>

---------

Signed-off-by: Akshat Patel <[email protected]>
Signed-off-by: Zvonimir Fras <[email protected]>
Co-authored-by: Zvonimir Fras <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Akshat Patel <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Akshat Patel <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Akshat Patel <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Akshat Patel <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
Comment thread src/customComponents.json Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx
Comment thread player/react/src/lib/components/ui-time-picker.tsx
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
Comment thread src/customComponents.json Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Max You added 2 commits March 27, 2024 12:10
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
@jz5426
Copy link
Copy Markdown
Contributor Author

jz5426 commented Apr 25, 2024

Verified that the component features and export works.

Signed-off-by: Max You <[email protected]>
Copy link
Copy Markdown
Member

@Akshat55 Akshat55 left a comment

Choose a reason for hiding this comment

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

Time picker timezones do not show up for react because timezone does not exist.

Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Akshat55 and others added 11 commits May 9, 2024 22:57
fix: conditionally render time picker select in export and give user control to render
Signed-off-by: Akshat Patel <[email protected]>
Signed-off-by: Akshat Patel <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
...commonSlots,
...slotsDisabled,
invalid: 'boolean',
isInvalid: (state: TimePickerState) => ({
Copy link
Copy Markdown
Member

@zvonimirfras zvonimirfras Jul 16, 2024

Choose a reason for hiding this comment

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

They should be setters and follow function naming e.g. setInvalid
Plus, setInvalid seems like it would do the same thing as invalid property, so it's not necessary?

note: date picker seems to be doing the naming right

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

i think the naming of the setter is fine, i don't think other component (i,e. combobox) use this naming. setInvalid is fine but no need for unnecessary changes.

In terms of the need of setInvalid, please check combobox as well because the setter is similar.

Comment thread player/react/src/lib/components/ui-time-picker.tsx Outdated
Comment thread player/react/src/lib/components/ui-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
selected: false
}
],
value: '',
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

empty value?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

what is wrong with empty value?

Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx
}
],
value: '',
timezones: []
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

empty?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

there is no default timezone values so i make it empty initially

Comment thread sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated
Comment thread player/react/src/lib/components/ui-time-picker.tsx Outdated
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: QA/Review

Development

Successfully merging this pull request may close these issues.

3 participants