Add datetime to moment

[Alek99]

Fair warning this pr was done 100% by ai

"""Welcome to Reflex! This file outlines the steps to create a basic app."""

import reflex as rx
import datetime
from rxconfig import config


class State(rx.State):
    # Test different datetime types
    datetime_val: datetime.datetime = datetime.datetime(2024, 1, 1, 12, 30, 45)
    date_val: datetime.date = datetime.date(2024, 1, 1)
    time_val: datetime.time = datetime.time(12, 30, 45)
    delta_val: datetime.timedelta = datetime.timedelta(days=1, hours=2)

    @rx.var
    def time_as_datetime(self) -> datetime.datetime:
        return datetime.datetime.combine(datetime.date.today(), self.time_val)
    
    @rx.var
    def delta_as_datetime(self) -> datetime.datetime:
        return datetime.datetime.now() + self.delta_val


def index() -> rx.Component:
    return rx.vstack(
        rx.text("DateTime:"),
        rx.moment(date=State.datetime_val, format="YYYY-MM-DD HH:mm:ss"),
        rx.text("Date:"),
        rx.moment(date=State.date_val, format="YYYY-MM-DD"),
        rx.text("Time:"),
        rx.moment(date=State.time_as_datetime, format="HH:mm:ss"),
        rx.text("Timedelta (from now):"),
        rx.moment(date=State.delta_as_datetime, format="YYYY-MM-DD HH:mm:ss"),
        spacing="4",
    )


app = rx.App()
app.add_page(index)

[Alek99]

closes #4228