Add an actions 'slot' to the Date Picker

[tusen-ai]

Add an actions 'slot' to the Date Picker

[Ataraxy]

I think 1 would probably be ideal since the built in ones are optional. It's probably better that they're distinct actions also since clear/confirm are important.

[07akioni]

I'm thinking of it. However I wonder where to put it.
There are 2 options.

1.
calendar
------
actions
------
(builtin) confirm

2.
calendar
------
actions + (builtin actions)

Do you have any idea?

[07akioni]

Since date-picker should work with form-item. I can't easily expose the internal change events emitter to the user. So I'm going to provide a ant-design-like api.

...
ranges={{
  Today: [xx, xx],
  'This Month': [xx, xx],
}}
...

[Ataraxy]

Yeah that would be pretty nice. The ant design solution works pretty well. Though they appear to be inline with the built in actions. That's not inherently bad and might even be preferable than having it on a seperate row. My only concern with that was how it would look if someone had many ranges. They even highlight the ranges on hover and automatically confirm on selection which is pretty slick.

They also have the "Extra Footer" slot.

[07akioni]

Yeah that would be pretty nice. The ant design solution works pretty well. Though they appear to be inline with the built in actions. That's not inherently bad and might even be preferable than having it on a seperate row. My only concern with that was how it would look if someone had many ranges. They even highlight the ranges on hover and automatically confirm on selection which is pretty slick.

They also have the "Extra Footer" slot.

Do you have time to implement a footer slot? PR is welcomed. You can pass down the slots of date-picker from setup in date-picker by provide it and inject it into the panels. Then render it is very easy.

[07akioni]

For footer slot you can open an new issue.

[Developer27149]

@07akioni 你好，是因为这个组件和表单功能有关联，所以不方便增加自定义对此刻和确认的自定义插槽支持吗？我的英语不太好。