Skip to content

feat(components): add Datebox component #250

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.

Sign up for GitHub

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

Merged
desmondinho merged 10 commits into from
Jan 4, 2026
Merged

feat(components): add Datebox component #250

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
152d7d8
feat(component): added date picker
sikelio Sep 12, 2025
93f8c9d
fix: applied date input requested changes
sikelio Sep 12, 2025
164e38c
fix: renamed dateinput to datenbox
sikelio Sep 13, 2025
61a2d42
chore(*): minor improvements
desmondinho Jan 4, 2026
20abe86
chore(*): coderabbit suggestions
desmondinho Jan 4, 2026
2b34751
chore(*): make datebox always look 'filled' instead of 'focused'
desmondinho Jan 4, 2026
3e600c7
fix(*): ensure values are set during `onchange` event
desmondinho Jan 4, 2026
db30b9b
docs(*): minor adjustments
desmondinho Jan 4, 2026
f6cf80a
test(*): update tests
desmondinho Jan 4, 2026
0a318d3
docs(*): nits
desmondinho Jan 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
chore(*): coderabbit suggestions
  • Loading branch information
@desmondinho
desmondinho committed Jan 4, 2026
commit 20abe86962406c157de0d72c70c8ed2f249bf416
10 changes: 5 additions & 5 deletions src/LumexUI/Components/Bases/LumexInputFieldBase.razor.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -116,7 +116,7 @@ public abstract partial class LumexInputFieldBase<TValue> : LumexInputBase<TValu
[Inject] private IJSRuntime JSRuntime { get; set; } = default!;

/// <summary>
/// Gets or sets the validation error mesage of the input.
/// Gets or sets the validation error message of the input.
/// </summary>
protected string? ValidationMessage { get; private set; }

Expand Down Expand Up @@ -203,11 +203,11 @@ protected override async Task OnAfterRenderAsync( bool firstRender )
if( firstRender )
{
_jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>( "import", JavaScriptFile );
}

if( Autofocus )
{
await FocusAsync();
if( Autofocus )
{
await FocusAsync();
}
}
}

Expand Down
13 changes: 11 additions & 2 deletions src/LumexUI/Components/Datebox/LumexDatebox.razor.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,17 @@
namespace LumexUI;

/// <summary>
/// A component that represents an input field for entering <see cref="DateTime"/> values.
/// A component that represents an input field for entering date values.
/// </summary>
/// <remarks>
/// The supported types for the date value are:
/// <list type="bullet">
/// <item><description><see cref="DateTime"/></description></item>
/// <item><description><see cref="DateTimeOffset"/></description></item>
/// <item><description><see cref="DateOnly"/></description></item>
/// <item><description><see cref="TimeOnly"/></description></item>
/// </list>
/// </remarks>
public partial class LumexDatebox<TValue> : LumexInputFieldBase<TValue>
{
private const string DateFormat = "yyyy-MM-dd"; // Compatible with HTML 'date' inputs
Expand Down Expand Up @@ -70,10 +79,10 @@ protected override void OnParametersSet()
};
}

// Datebox should always look 'focused'.
/// <inheritdoc />
protected override async Task OnBlurAsync( FocusEventArgs args )
{
// Datebox should always look 'focused'.
await OnBlur.InvokeAsync( args );
}

Expand Down