mlienau

HTML <input type="date" /> elements store the value as an ISO8601 (YYYY-MM-DD) date string, but for us Americans it's very common for us to write the date as m/d/yy.

The Problem

If you write the value as M/D/YY, that's a valid date but the value becomes 00YY-MM-DD which is an invalid SQL Server date and causes errors when it shouldn't necessarilly.

Adding this directive to any <input type="date" /> should change the value to {CURRENT_FULL_YEAR}-MM-DD automatically if you enter M/D/{LAST_TWO_DIGITS_OF_CURRENT_YEAR}.

Disclaimer - This probably will not work well after the year 9999.

mlienau

/* This DOES NOT need to be in app.component.ts,
 * it can be anywhere, but for optimal performance the listener should probably only be added once
 */

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'
})
export class AppComponent implements OnInit, OnDestroy {
    title = 'app';

mlienau

@inject IJSRuntime JSRuntime

@implements IAsyncDisposable

@code {
    string? localFileUrl;
    async Task ViewThePdf()
    {
        var response = await Api.GetPdfResponse("/route/to/pdf");
        var pdfBytes = await response.Content.ReadAsByteArrayAsync(); // using Refit

mlienau

import * as React from "react";

export interface Column<TItem> {
    title?: React.ReactNode;
    tdProps?: React.HTMLProps<HTMLTableCellElement>;
    thProps?: React.HTMLProps<HTMLTableHeaderCellElement>;
    renderer?: (item: TItem, index?: number, array?: TItem[]) => React.ReactNode | JSX.Element;
    key: keyof (TItem);
    /**
     * @param: The lower case representation of the searchable value

mlienau

public class DictionaryToMapConverter<TKey, TValue> : JsonConverter
{
    public override bool CanConvert(Type objectType)
    {
        return false;
    }

    public override object ReadJson(JsonReader reader, Type objectType, object existingValue, JsonSerializer serializer)
    {
        // I'm only using this for writing as of now