feat: Requesting Calendar or Datepicker component

[umeshvenkat]

🙋 Datepicker component

🤔 Expected Behavior

😯 Current Behavior

💁 Possible Solution

🔦 Context

💻 Examples

[EisenbergEffect]

I'm happy to share that work is in progress on both a Calendar and a Datepicker component for FAST and Fluent UI Web Components. Once those land in the core library we will add the wrappers here.

[Ogglas]

@EisenbergEffect Will there be any work on a general picker or PeoplePicker from Fluent UI React?

https://developer.microsoft.com/en-us/fluentui#/controls/web/pickers

https://developer.microsoft.com/en-us/fluentui#/controls/web/peoplepicker

Combobox is good but it would be nice with more alternatives.

https://docs.microsoft.com/en-us/fluent-ui/web-components/components/combobox

Something I really miss as well is something like DetailsList that can sort, group, and filter and not only a Data Grid.

https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist

[EisenbergEffect]

@Ogglas I don't know the details of Fluent UI React's plans. Our team builds the Fluent UI Web Components. For the Web Components, there is a general purpose picker being worked on as well as a people picker.

Right now, the focus around grid is on virtualized list rendering, for large collections of data (e.g. 100k rows). We are considering sort/filter/group scenarios but I can't give a timeline on that work right now. However, for sorting and filtering, please see the examples in this repo. It's pretty easy to accomplish directly in Blazor. We have a demo that shows how to do that.

[EisenbergEffect]

Just updating this issue to let folks know that DatePicker is currently in PR review. So, we hope to have Calendar and DatePicker soon. Additionally, a new virtualizing stack component is in review. Once that is in, we hope to leverage it inside the DataGrid to enable virtual scrolling over large data sets.

[ChrisProlls]

Any update @EisenbergEffect ? Is the Calendar already available ? Will it be available de facto into the Blazor library ? Thanks !

[EisenbergEffect]

Hey @ChrisProlls! Great questions.

The date/time picker is currently being reviewed and polished. It's a complex component with lots of considerations, so it's taking a bit of time. You can follow the PR here: https://github.com/microsoft/fast/pull/5539 I've asked the author for a status update. Once this PR is merged, our next steps will be to create a Blazor wrapper for it. That part is not much work and is something we can probably do pretty quickly once the core component is merged.

Thanks for your patience!

[fullstackrupesh]

Hey @EisenbergEffect,

Will there be a Date and TIME picker for Blazor? This link only showcases Calendar and Date Picker.
https://developer.microsoft.com/en-us/fluentui#/controls/web/datepicker

There are third-party libraries that provide both date and time pickers. but we are holding ourselves back to get in fluent UI.

Please let me know the progress on this.

[EisenbergEffect]

It does support time. It includes type=date, type=time, type=month, type=year and type=datetime-local. Here is the PR if you want to follow it for updates: https://github.com/microsoft/fast/pull/5539

I apologize for the delay in this. Our team recently went through a "re-org" and that has slowed down a number of in-flight efforts. New components in particular have been affected by that.

[Ogglas]

@EisenbergEffect @robarbms any update on this?

[EisenbergEffect]

@Ogglas Thanks for asking about this.

There were a number of internal priority changes at higher levels that were out of our team's control recently, which caused the date picker work to be pushed down the priority list. That said, this work is being picked back up this week. There's an important detail about this component though, which is that it will only be available as part of our next major version of the Fluent UI Web Components. That's probably a few months out (rough estimation). The team is working very hard on bringing all these pieces together.

In an effort to increase transparency around our open source work, we've begun publishing weekly meeting notes from the FAST standup. You can find those in the FAST Wiki here:

https://github.com/microsoft/fast/wiki

This was our first week with our new standup process and reporting these notes. So, we hope to evolve and improve this over time. As part of that we also plan to open up these meetings to the community as well. We're still working through all the details.

As always, feel free to ask me or @vnbaaij any questions you have. We'll do our best to answer. We want to build the best Fluent Blazor library we can for you all. There are a lot of moving pieces and it's a delicate balance we maintain between various priorities. Thanks again for your patience. We'll get there.

[Panzerfury]

What is the status on this component ?

[vnbaaij]

Hi,

The <FluentCalendar> component is available in the library (and has been for quite a while already) but it has a problem when it is being used outside of a US time zone (it's one day off). The fix for this had been applied to the Fluent UI web components script and we are just awaiting publishing of this new version. Once that is release, the component should automatically pick this up if you are linking to the lates version of this script in your index.html or _layout.cshtml.

I'll see if I can find out more on the status of the datepicker component

[bytefish]

@vnbaaij Any news on the DatePicker Component? I see, that the PR referenced by @EisenbergEffect is still opened. Is this still being worked on?

[vnbaaij]

I have no idea about status of this in the FAST Repo. I'll ask internally and update here.

[EisenbergEffect]

I resigned from Microsoft back in December 2022, so I don't have much insight into this issue. A lot of the team was laid off late 2022 and early 2023, including all the people who were originally working on this particular component.

[EisenbergEffect]

If you really want the DatePicker, I could put you in touch with a former member of the FAST team who is looking for a job. I bet he'd be interested in some contract work to contribute the finished work back to the appropriate repos.

[bytefish]

@EisenbergEffect Thanks for your reply and I am very sorry to hear, that the FAST team has been laid off.

[vnbaaij]

@bytefish couple of things.

1. Not the whole team has been laid off. There are still very capable people there and in fact are working hard on new Web Components (implementing the latest Fluent 2 design)
2. The Blazor library is separated from the FAST team (and more closely aligned to the ApNetCore Blazor team). It is still mostly a labor of love project but we still love it and are alive and kicking.
3. Speaking of alive and kicking, we are hard at work on a vNext version where we will also include new components (that are not wrapping web components). A DatePicker will be one of them...If you want to follow along, take a look at https://calm-sea-053fa6a03-365.westeurope.3.azurestaticapps.net/

[bytefish]

@vnbaaij Thank you for the clarification. I got it wrong and I am glad to hear it’s alive and kicking. I am sincerely sorry and thanks for your work, I’ve edited the comment. It shouldn’t be disrespectful to your team.

[vnbaaij]

No offense taken! Just wanted to be sure you have all the facts.

[vnbaaij]

A PR for new Calendar, DatePicker and TimePicker has just been submitted. This will be in the next version.