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: Add timepicker component #299

Open
wants to merge 65 commits into
base: main
Choose a base branch
from
Open

Conversation

maxxyouu
Copy link
Contributor

@maxxyouu maxxyouu commented Feb 1, 2024

for #205

Copy link

netlify bot commented Feb 1, 2024

👷 Deploy request for carbon-components-builder accepted.

Name Link
🔨 Latest commit 0d89669
🔍 Latest deploy log https://app.netlify.com/sites/carbon-components-builder/deploys/66a174c7a9ba5e0008461e0f

maxxyouu 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]>
src/customComponents.json Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
player/react/src/lib/components/ui-time-picker.tsx Outdated Show resolved Hide resolved
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
src/customComponents.json Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
Max You added 2 commits March 27, 2024 12:10
Signed-off-by: Max You <[email protected]>
Signed-off-by: Max You <[email protected]>
@maxxyouu
Copy link
Contributor Author

Verified that the component features and export works.

Signed-off-by: Max You <[email protected]>
Copy link
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.

sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
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
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
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.

player/react/src/lib/components/ui-time-picker.tsx Outdated Show resolved Hide resolved
player/react/src/lib/components/ui-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
selected: false
}
],
value: '',
Copy link
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
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?

}
],
value: '',
timezones: []
Copy link
Member

Choose a reason for hiding this comment

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

empty?

Copy link
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

sdk/react/src/lib/fragment-components/a-time-picker.tsx Outdated Show resolved Hide resolved
player/react/src/lib/components/ui-time-picker.tsx Outdated Show resolved Hide resolved
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