Create a timeline events similar to oneview calendar in Flutter - flutter

Can you please help me make a timeline exactly like the one in the OneView Calendar application?
I want to use VSCode, Flutter and Dart for this.
I want it to be a single timeline calendar and to be able to zoom with 2 fingers to go until the hours are displayed, and if you zoom out to go until the years are displayed. I want to enter by events, for example: from the date of, to the date of.
I am attaching some image from the OneView Calendar application.
Any help is welcome. At least I know where to start, which library to use.
Thank you !
At the moment I installed VSCode, SDK Dart and SDK Flutter and I did a test with an emulator to see that everything works correctly.

Related

Daterangepicker is not keyboard accessible

I am using a daterangepicker in my project. It's developed with help of third party library daterangepicker.js But, it's not supporting keyboard accessibility. Author of this library is not ready to add the feature as it's 11 years old library.
Can someone help me to add the keyboard accessibility for this date picker in my application. I appreciate the suggestions and ideas on this.
More details on exact issue:
We attached the date picker to a input field. And opening the datepicker as soon as input field gets the focus. But, not able to navigate the datepicker using keyboard(arrow, tab etc..)
I am expecting to make date range picker keyboard accessible.

Add an icon on a Flutter Calendar

I'm looking for a way to add a little icon (for example an hamburger icon) on a calendar around the time and date the user had lunch. I'm using the syncfusion calendar package. How do you think i should proceed?
Thank you for your help

Custom Calendar like Google Flutter

I am trying to achieve this type of calendar with flutter. Its similar to that of google calendar which highlights the week day while closed and toggles to show the full month when tapped. Is there any library around to achieve this?

Adding quick walkthrough about the APP in flutter

I am new to flutter and I have created an Todo app, for that I want to add a quick guide once the the users opens the app for the first time after installation.
I have seen something like that in the ICICI mobile app, there once you installed it will give a you a quick tour about what all option you will get with a pointing arrow, below that its description and a next button, I want to do similar to that in my flutter application.
Can anyone who had implemented the same, or know about it , can you share the same.
Thanks
Here is the plugin named- feature_discovery which shows the app tour guide following the material design guidelines.
It's quite simple what all you need ::
Whole screen image including pointing arrow.
Your Button to go next and previous.
Connect all screens using navigation.
That's it,
Thanks.

UI Design for UIDatePicker in iOS

I have experience in Android and currently started to learn iOS. I created a mechanism to Pick data in an Android App. When I click on Date button, a DatePicker pops up:
As you see It has Cancel and Set button.
My question is about my iphone App. I want to have the same mechanism. When I click on the button, Date picker pops up (that can have Set and cancel button like Android Date picker). How can I do that? I'm not sure that it is a good way in iPhone, Can you help me if we can design a better mechanism?
Here's a UX comparison between Android and iOS standard widgets, with links to the documentation on the relevant Apple / Android websites. It's a nice way to get started learning all the technical terms.
http://kintek.com.au/blog/portkit-ux-metaphor-equivalents-for-ios-6-and-android-4/
Hopefully that gets you started.
Apple has a sample project that demonstrates this. You'll have to adapt it slightly: instead of showing/hiding the date picker itself, you'll want to show/hide a view containing a date picker and a dismissal button.
It's called DateCell.
Basically, it treats the date picker as if it were the keyboard for a cell containing the date. You'll need to manage hiding it when the user enters a text field (and thus, needs the real keyboard) and scrolling to keep the date row in view, but all the bits you need are in this project one way or the other.
One way to do it would be add a custom buttons to the same view containing date picker and then pop it up when the users wants. Instead of using the date picker delegate use the buttons action to get the date picker value.