nheath99 / nodatimepicker Goto Github PK

CodeFactor found an issue: The universal selector (*) is known to be slow.

It's currently on:
src\BlazorNodaTimeDateTimePicker\content\timepicker.css:15
Commit 1545de8

• Inline
• Visibility bound to Input focus

Cant seem to get a working example running on a page. The popup shows, but the date value doesnt remain in the input field.

                  ```
  <input type="text" onfocus="@focussed2" />
                        <DatePicker Visible="datePicker2Visible" Selected="selected2" />

@functions {
bool datePicker2Visible = false;

void focussed2(UIFocusEventArgs e)

{
    datePicker2Visible = true;
}

void selected2(LocalDate localDate)

{
    datePicker2Visible = false;
    StateHasChanged();
}

}

On the demo page, there is a typo?
https://nodatimepicker.azurewebsites.net/

Also, you dont mention that the page needs to reference
@using NodaTime, correct?

![clipboard02](https://user-images.githubusercontent.com/17503279/51280086-5d2be700-19a4-11e9-9efd-b491330b8871.png)

• Not sluggish at all when rendering Days, Months, Years, Decades, but when selecting a Day, it takes around 0.5 seconds to trigger selected.
• Seems to be the invocation of StateHasChanged in the Demo project when a day is selected that causes the slow performance.

Is this working/migrated to blazor latest version?

Visible by default

At the moment the site is hosted as an App service, and doesn't seem to be served properly.
https://docs.microsoft.com/en-us/azure/storage/blobs/storage-blob-static-website
https://docs.microsoft.com/en-us/aspnet/core/host-and-deploy/blazor/webassembly?view=aspnetcore-3.0#standalone-deployment

Allow the User to specify:

• Enabled dates - specific dates that are enabled. All others are disabled.
• Disabled dates - specific dates that are always disabled.
• Disabled DayOfWeek - weekdays that are always disabled.
• Min - dates below this are disabled.
• Max - dates above this are disabled.
• Function - a user-specified function that takes the date as a parameter and calculates whether it is disabled.

• Add project intro on homepage
• Add link to GitHub project in header

Hi, i try to reference your library on my blazor app wich is on .net standard 2.1. The compilation work, but when i try to access the component on a view i have a JS error, he don't find your dll. When i put my client project on .net standard 2.0 everything work. I precise i reference directly your dll because your nugget is still blocked in a old version (0.1.0).

Thanks !

https://devblogs.microsoft.com/aspnet/asp-net-core-updates-in-net-core-3-1-preview-1/

Allow the user to set the initial ViewMode of the control

I want to only display the close button and I found this on the source.

I think it should be like this

Allow the user to specify the locale, and use this to display any text values

Hi all,

currently in Input box I am getting a long time format string: "Wednesday, 03 July 2019"
is there a way to convert this to "03.07.2019" format somehow?

I think we are missing this thing on blue on the screenshot

I added that line and started working properly.

Time field should be converted to TimeSpan if we are storing our time data on a SQL Time datatype.

When the user clicks on a valid (non-disabled) date, that should trigger an event and set the value so it can be read/bound to

https://devblogs.microsoft.com/aspnet/asp-net-core-updates-in-net-core-3-1-preview-3/

Create a class to monitor state

It's clear that "Blazor" is being dropped in favour of "Razor Components", and I think BlazorNodaTimeDateTimePicker is a bit too long as the root namespace. A few suggestions to change the name of the project:

• NodaTimePicker
• NodaTimeDateTimePicker
• BlazorNodaTimePicker

Please feel free to suggest any others below!

• Create a basic inline TimePicker, with sensible defaults.
• Add demo code
• Bind visibility to focus of Input

Need to keep fully updated.

Hi and thanks for your work !
I use your component for one of my project, and i need to handle some events

• when the view Mode change (EventCallback<ViewMode> OnViewModeChanged)
• when the month (view mode day) or the year (view mode month) change (EventCallback<(int, int)> OnMonthChanged, argument year, month, and EventCallback<int> OnYearChanged, argument year)

You think its possible to add this ?

if needed, i can develop on your repository to add this.

thanks !

Julien

• Add introduction

Demo and code for:

• Inline
• Bind to Input
• FirstDayOfWeek
• DisplayDaysOfWeek
• FormatProvider
• SelectedDate
• Min Date
• Max Date
• Disabled Dates
• Enabled Dates
• DaysOfWeekDisabled
• DisabledDateIntervals
• DayViewHeaderFormat
• MonthViewHeaderFormat
• ShowToday
• ShowClear
• InitialViewMode
• Events
• Copy demos to README.md file

I would like a function that i could call to go to the right month for selected date.

hi, i use your component for one of my project and it is amazing ! thanks !

I need to customize it to integrate it properly on my app, and it could be nice to have the node text surrunding by span to customize it better

before

<div class="day-wrapper">
<button type="button" role="button" class="day weekday old disabled" style="">
    30
</button>
</div>

after

<div class="day-wrapper">
<button type="button" role="button" class="day weekday old disabled" style="">
<span class="text-day">
    30
</span>
</button>
</div>

same things for month, years, etc

I can do it if you want !

thanks !

Julien

https://devblogs.microsoft.com/aspnet/asp-net-core-updates-in-net-core-3-1-preview-2/

Clicking on the header takes the display to the next level up. Clicking on an item selects that period and takes the display to the next level down. Prev/Next takes the user to the previous or next page.

• Days
• Months
• Years
• Decades

The CSS that you have written for buttons in this control is not done in a way that isolates your styles to the control. Including the control on a page was enough to remove all default styling from the rest of the buttons on the page. Maybe consider pseudo-namespacing of your CSS selectors?

PS: I may even be willing to help out with this in the next few days if you are interested.

• Build Solution
• Run Tests
• Publish to Azure
• Publish artefacts to nuget

https://chrissainty.com/building-blazor-apps-using-azure-pipelines/
https://docs.microsoft.com/en-us/azure/devops/pipelines/tasks/package/nuget?view=azure-devops#pack-nuget-packages

Personnaly I don't have the arivera12's problem with this version, the component work fine in 0.4.0, at least for the DatePicker, I don't try the TimePicker.
My only problem is i'm unable to reference the static file in my _Host, i have 404 of these, so for now i downloaded the file and reference them manually

<link href="_content/NodaTimePicker/datepicker.css" rel="stylesheet" /> => 404
<link href="_content/NodaTimePicker/timepicker.css" rel="stylesheet" /> => 404

Originally posted by @julienGrd in #66 (comment)

Hi,

Thanks for this great tool!
It would be great to see other selection modes, i.e. year, month, week... Especially I'd need the week option to show and select calendar weeks. The format of the selected week should be configurable, i.e. week 5 / 2019

Regards
Sven

Trying to use this in my project but nuget wont find version 0.2.0

Hi, if I show the datetimepicker on my mobile device (smaller screen) it shows all the days in the month under each other (row like). So i have scroll a few times to see the rest of the page.

Is there a way to show it in a more minimized way?

• DatePicker should inherit from (for example) DatePickerComponentBase
• TimePicker should inherit from TimePickerComponentBase.
• Remove the "State" objects - these were used before inheritance was implemented in order to facilitate seperation of concerns, but are redundant now if the above two points are implemented

https://docs.microsoft.com/en-us/nuget/quickstart/create-and-publish-a-package-using-visual-studio

Add comments and documentation to explain features and functionality

I have the following code in my application, where I have configured the calendar for Norwgian culture:

            <input type="text" onfocus=@focussed value=@selectedDate class="form-control blzinput form-control-sm m-3" placeholder="Velg dato" />
            <DatePicker FormatProvider="@(new System.Globalization.CultureInfo("nb-NO"))" Visible=@visible Selected=@HentBaner />

The text shown in text input after the calendar closes is still in english though. Is it possible to change this also to Norwegian. Or maybe configure so it displays a numerical date instead of eg "Monday, 11 March 2019"