Scheduler component

Blazorise.sln

@@ -161,6 +161,8 @@ Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Blazorise.Weavers", "Source
 EndProject
 Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Blazorise.Weavers.Fody", "Source\SourceGenerators\Blazorise.Weavers.Fody\Blazorise.Weavers.Fody.csproj", "{FFC4A285-1A16-4DD4-8B8C-141521E405B0}"
 EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Blazorise.Scheduler", "Source\Extensions\Blazorise.Scheduler\Blazorise.Scheduler.csproj", "{E2582180-8E51-43E1-0943-588D720FCAB5}"
+EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -423,6 +425,10 @@ Global
 		{FFC4A285-1A16-4DD4-8B8C-141521E405B0}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{FFC4A285-1A16-4DD4-8B8C-141521E405B0}.Release|Any CPU.ActiveCfg = Release|Any CPU
 		{FFC4A285-1A16-4DD4-8B8C-141521E405B0}.Release|Any CPU.Build.0 = Release|Any CPU
+		{E2582180-8E51-43E1-0943-588D720FCAB5}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{E2582180-8E51-43E1-0943-588D720FCAB5}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{E2582180-8E51-43E1-0943-588D720FCAB5}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{E2582180-8E51-43E1-0943-588D720FCAB5}.Release|Any CPU.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE
@@ -495,6 +501,7 @@ Global
 		{EAB7EC89-900A-4280-B24A-152B9DD2B503} = {9731051E-0AA7-411E-A76A-987854F034DA}
 		{BF5FFB8C-45AD-4875-BB01-2DA388890419} = {0538DB67-B4F3-4D00-B969-D3874A52E405}
 		{FFC4A285-1A16-4DD4-8B8C-141521E405B0} = {0538DB67-B4F3-4D00-B969-D3874A52E405}
+		{E2582180-8E51-43E1-0943-588D720FCAB5} = {9731051E-0AA7-411E-A76A-987854F034DA}
 	EndGlobalSection
 	GlobalSection(ExtensibilityGlobals) = postSolution
 		SolutionGuid = {205B3EA4-470F-45DA-911E-346AF7D0A9A5}

Build/Blazorise.Demo.props

@@ -21,6 +21,7 @@
 		<PackageReference Include="FluentValidation.DependencyInjectionExtensions" Version="11.10.0" />
 		<PackageReference Include="Flurl.Http" Version="4.0.0-pre2" />
 		<PackageReference Include="Blazored.LocalStorage" Version="4.5.0" />
+		<PackageReference Include="Bogus" Version="35.6.3" />
 	</ItemGroup>
 
 </Project>

Demos/Blazorise.Demo/Blazorise.Demo.csproj

@@ -29,6 +29,7 @@
     <ProjectReference Include="..\..\Source\Extensions\Blazorise.SignaturePad\Blazorise.SignaturePad.csproj" />
     <ProjectReference Include="..\..\Source\Extensions\Blazorise.FluentValidation\Blazorise.FluentValidation.csproj" />
     <ProjectReference Include="..\..\Source\Extensions\Blazorise.PdfViewer\Blazorise.PdfViewer.csproj" />
+    <ProjectReference Include="..\..\Source\Extensions\Blazorise.Scheduler\Blazorise.Scheduler.csproj" />
     <ProjectReference Include="..\Apps\TodoApp\TodoApp.csproj" />
   </ItemGroup>
 

Demos/Blazorise.Demo/Components/SideMenu.razor

@@ -309,6 +309,8 @@
                         <BarDropdownItem To="tests/qrcode">QR Code</BarDropdownItem>
                         <BarDropdownItem To="tests/repeater">Repeater</BarDropdownItem>
                         <BarDropdownItem To="tests/richtextedit">RichTextEdit</BarDropdownItem>
+                        <BarDropdownItem To="tests/routertabs">Router Tabs</BarDropdownItem>
+                        <BarDropdownItem To="tests/scheduler">Scheduler</BarDropdownItem>
                         <BarDropdownItem To="tests/selectlist">Select List</BarDropdownItem>
                         <BarDropdownItem To="tests/signaturepad">SignaturePad</BarDropdownItem>
                         <BarDropdownItem To="tests/snackbar">Snackbar</BarDropdownItem>
@@ -317,7 +319,6 @@
                         <BarDropdownItem To="tests/transferlist">Transfer List</BarDropdownItem>
                         <BarDropdownItem To="tests/treeview">TreeView</BarDropdownItem>
                         <BarDropdownItem To="tests/video">Video</BarDropdownItem>
-                        <BarDropdownItem To="tests/routertabs">Router Tabs</BarDropdownItem>
                     </BarDropdownMenu>
                 </BarDropdown>
             </BarItem>

Demos/Blazorise.Demo/Pages/Tests/SchedulerPage.razor

@@ -0,0 +1,140 @@
+@page "/tests/scheduler"
+@using Bogus
+<Row>
+    <Column>
+        <Card Margin="Margin.Is4.OnY">
+            <CardHeader>
+                <CardTitle>Scheduler</CardTitle>
+            </CardHeader>
+            <CardBody>
+                <Scheduler TItem="SchedulerAppointment" @bind-Date="@selectedDate"
+                           Data="@Appointments"
+                           @bind-SelectedView="@selectedView"
+                           Editable
+                           Draggable
+                           ItemStyling="@OnItemStyling"
+                           SlotSelectionMode="SchedulerSlotSelectionMode.Mouse">
+                    <SchedulerToolbar />
+                    <SchedulerViews>
+                        <SchedulerDayView StartTime="@(new TimeOnly( 7, 0 ))" EndTime="@(new TimeOnly( 17, 0 ))" WorkDayStart="@(new TimeOnly( 8, 0 ))" WorkDayEnd="@(new TimeOnly( 16, 0 ))" />
+                        <SchedulerWeekView StartTime="@(new TimeOnly( 7, 0 ))" EndTime="@(new TimeOnly( 17, 0 ))" WorkDayStart="@(new TimeOnly( 8, 0 ))" WorkDayEnd="@(new TimeOnly( 16, 0 ))" />
+                        <SchedulerWorkWeekView StartTime="@(new TimeOnly( 7, 0 ))" EndTime="@(new TimeOnly( 17, 0 ))" WorkDayStart="@(new TimeOnly( 8, 0 ))" WorkDayEnd="@(new TimeOnly( 16, 0 ))" />
+                        <SchedulerMonthView StartTime="@(new TimeOnly( 7, 0 ))" EndTime="@(new TimeOnly( 17, 0 ))" WorkDayStart="@(new TimeOnly( 8, 0 ))" WorkDayEnd="@(new TimeOnly( 16, 0 ))" />
+                    </SchedulerViews>
+                </Scheduler>
+            </CardBody>
+        </Card>
+    </Column>
+</Row>
+<Row>
+    <Column>
+        Selected date: @selectedDate
+    </Column>
+</Row>
+@code {
+    [Inject] IMessageService MessageService { get; set; }
+    private DateOnly selectedDate = DateOnly.FromDateTime( DateTime.Today );
+    private SchedulerView selectedView = SchedulerView.Week;
+
+    private static DateTime start = DateTime.Today.AddHours( 10 );
+
+    private Faker<SchedulerAppointment> appointmentFaker = new Faker<SchedulerAppointment>()
+        .RuleFor( a => a.Title, f => f.Lorem.Sentence( 3 ) )
+        .RuleFor( a => a.Description, f => f.Lorem.Paragraph() );
+
+    private Task OnSlotClicked( SchedulerSlotClickedEventArgs eventArgs )
+    {
+        var start = eventArgs.Start;
+        var end = eventArgs.End;
+
+        var fakeAppointment = appointmentFaker.Generate();
+        fakeAppointment.Start = start;
+        fakeAppointment.End = end;
+
+        Appointments.Add( fakeAppointment );
+
+        return Task.CompletedTask;
+    }
+
+    private async Task<bool> IsDropAllowed( SchedulerDragEventArgs<SchedulerAppointment> eventArgs )
+    {
+        await MessageService.Warning( "You cannot drop this appointment here", "Drop not allowed" );
+
+        return false;
+    }
+
+    private void OnItemStyling( SchedulerAppointment appointment, SchedulerItemStyling itemStyling )
+    {
+        if ( appointment.Title.Contains( "ceo", StringComparison.OrdinalIgnoreCase ) )
+            itemStyling.Background = Background.Danger;
+        else if ( appointment.Title.Contains( "client", StringComparison.OrdinalIgnoreCase ) )
+            itemStyling.Background = Background.Success;
+        else if ( appointment.Title.Contains( "lunch", StringComparison.OrdinalIgnoreCase ) )
+            itemStyling.Background = Background.Info;
+    }
+
+    public class SchedulerAppointment
+    {
+        public SchedulerAppointment()
+        {
+        }
+
+        public SchedulerAppointment( string title, string description, DateTime start, DateTime end, bool allDay = false )
+        {
+            Id = Guid.NewGuid().ToString();
+            Title = title;
+            Description = description;
+            Start = start;
+            End = end;
+            AllDay = allDay;
+        }
+
+        public SchedulerAppointment( string id, string title, string description, DateTime start, DateTime end, bool allDay = false )
+        {
+            Id = id;
+            Title = title;
+            Description = description;
+            Start = start;
+            End = end;
+            AllDay = allDay;
+        }
+
+        public string Id { get; set; }
+
+        public string Title { get; set; }
+
+        public string Description { get; set; }
+
+        public DateTime Start { get; set; }
+
+        public DateTime End { get; set; }
+
+        public bool AllDay { get; set; }
+
+        public string RecurrenceRule { get; set; }
+
+        public string RecurrenceId { get; set; }
+
+        public List<DateTime> DeletedOccurrences { get; set; }
+
+        public DateTime? OriginalStart { get; set; }
+
+        public List<SchedulerAppointment> RecurrenceExceptions { get; set; }
+    }
+
+    List<SchedulerAppointment> Appointments = new List<SchedulerAppointment>
+    {
+        new SchedulerAppointment( "Meeting with the CEO", "Regarding the new margeting strategy", start, start.AddHours(1) ),
+        new SchedulerAppointment( "Some other meeting", "Regarding the new margeting strategy", start, start.AddHours(1) ),
+        new SchedulerAppointment( "Lunch with the team", "Discussing the new project", start.AddDays(-10).AddHours(2), start.AddDays(-10).AddHours(3))
+        {
+            RecurrenceRule = "FREQ=WEEKLY;BYDAY=MO,TU,WE,TH,FR;INTERVAL=2;COUNT=3"
+            // RecurrenceRule = "FREQ=DAILY;INTERVAL=1;COUNT=10;"
+            // RecurrenceRule = "FREQ=MONTHLY;INTERVAL=2;BYMONTHDAY=1;COUNT=2;"
+        },
+        new SchedulerAppointment( "Meeting with the client", "Discussing the new project", start.AddHours(4), start.AddHours(5) ),
+        new SchedulerAppointment( "Test 1", "Test 1 desc", DateTime.Today.AddDays(-2), DateTime.Today.AddDays(-2), true ),
+        new SchedulerAppointment( "All day event with the team", "Team building", DateTime.Today.AddDays(-2), DateTime.Today, true),
+        new SchedulerAppointment( "Games with the team", "Having fun", DateTime.Today, DateTime.Today, true ),
+    };
+}

Demos/Blazorise.Demo/_Imports.razor

@@ -32,4 +32,5 @@
 @using Blazorise.Shared.Models
 @using Blazorise.SignaturePad
 @using Blazorise.PdfViewer
+@using Blazorise.Scheduler
 @using TodoApp

Documentation/Blazorise.Docs/Blazorise.Docs.csproj

@@ -40,6 +40,7 @@
     <ProjectReference Include="..\..\Source\Extensions\Blazorise.SignaturePad\Blazorise.SignaturePad.csproj" />
     <ProjectReference Include="..\..\Source\Extensions\Blazorise.Splitter\Blazorise.Splitter.csproj" />
     <ProjectReference Include="..\..\Source\Extensions\Blazorise.PdfViewer\Blazorise.PdfViewer.csproj" />
+    <ProjectReference Include="..\..\Source\Extensions\Blazorise.Scheduler\Blazorise.Scheduler.csproj" />
     <PackageReference Include="MailKit" Version="4.8.0" />
     <PackageReference Include="Microsoft.Extensions.Http" Version="9.0.*" />
     <PackageReference Include="MimeKit" Version="4.8.0" />

Documentation/Blazorise.Docs/Layouts/DocsLayout.razor

@@ -266,6 +266,9 @@
                                     <BarDropdownItem To="docs/extensions/routertabs" Flex="Flex.JustifyContent.Between">
                                         <DocsNewFeatureBadge>RouterTabs</DocsNewFeatureBadge>
                                     </BarDropdownItem>
+                                    <BarDropdownItem To="docs/extensions/scheduler" Flex="Flex.JustifyContent.Between">
+                                        <DocsNewFeatureBadge>Scheduler</DocsNewFeatureBadge>
+                                    </BarDropdownItem>
                                     <BarDropdownItem To="docs/extensions/selectlist">SelectList</BarDropdownItem>
                                     <BarDropdownItem To="docs/extensions/sidebar">Sidebar</BarDropdownItem>
                                     <BarDropdownItem To="docs/extensions/signaturepad">SignaturePad</BarDropdownItem>