BlazorFiddle - Blazor .Net Developer Playground and Code Editor in the Browser.

Index

calendar

@page "/"

<input type="text" bind="@test.Text" />
<calendar bind-Date="@test.Date" />

<br />
<br />
In Page Date: @test.Date.ToString("yyyy-MM-dd")

@functions{
    Test test;

    protected override async Task OnInitAsync()
    {
        test = new Test();

        test.Date = DateTime.Now;
    }
}

using System;

namespace BlazorFiddleProject
{
    using Microsoft.AspNetCore.Blazor.Builder;
    using Microsoft.Extensions.DependencyInjection;

    public class Startup
    {
        public void ConfigureServices(IServiceCollection services)
        {
        }

        public void Configure(IBlazorApplicationBuilder app)
        {
            app.AddComponent<App>("app");
        }
    }

    public class Test
    {
        public DateTime Date {get;set;}
        public string Text {get;set;}
    }
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width">
    <title>BlazorFiddleProject</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"/>

    <style>
        
        
    </style>

    <script type="text/javascript">

    </script>
</head>
<body>
<app>Loading...</app>

<script src="_framework/blazor.webassembly.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
</body>
</html>

BlazorFiddle was updated from Blazor 0.7 to .NET 6.0. Your old source code could not work. You need to upgrade to latest.