-
Notifications
You must be signed in to change notification settings - Fork 15
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
Add date and time picker to <DateFilter />
#2867
Conversation
85a0527
to
3e7f9a7
Compare
<DateFilter />
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Cool!
question: I was looking for 24h formatting, but I understood it being a bit of a pain. Same conclusion from you, I guess 😅
function Tick() { | ||
return ( | ||
<span className="absolute inset-y-0 right-0 flex items-center pr-4"> | ||
<svg |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
suggestion: we might use EOS_CHECK
icon from eos icon-set.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good point. I'd rather do it in another PR, as we might also refactor the Filter
component. I prepared it already: #2870
@@ -160,6 +160,12 @@ export const Date = { | |||
}, | |||
}; | |||
|
|||
export const DateTime = { | |||
args: { | |||
type: 'datetime-local', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
praise: well done in leveraging browser's calendar.
789b133
to
9ccc8da
Compare
9ccc8da
to
f62f4e8
Compare
Description
Add a DateTime for selecting a specific date and time as a filter value.