nested model properties

[cwiese]

my model has a daterange

@reactive mutable struct Pages <: ReactiveModel
    daterange::R{DateRange} = DateRange(today(), (today() + Day(3)))
emnd

how do I refer to a nested properties ( :daterange.start will not work of course)

cell([div(
        class = "q-pa-md",
        style = "max-width: 300px",
        [textfield(
            "",
            :daterange.start,
...'

[hhaensel]

R"date.start" or Symbol("date.start") should go the job.

[cwiese]

does not seem to work - here is a simple example

using Stipple, StippleUI

@reactive mutable struct Model <: ReactiveModel
  daterange::R{DateRange} = DateRange()
end

function ui(model)
    page(
        model,
        textfield("t2", Symbol("daterange.start"), "", placeholder = "no output yet ...", label = "DataRange", :outlined, :filled, type = "textfield")
        #textfield("t2", :daterange, "", placeholder = "no output yet ...", label = "DataRange", :outlined, :filled, type = "textfield")
      )
end
  

route("/") do
    hs_model = Model |> init |> ui
end 

up()

[hhaensel]

I'll have a look when I'm back at my computer. Currently only on my mobile. I think, the point is string to date conversion. I know there are date pi kers ...
Maybe you could try that

[cwiese]

Oddly in the datepicker example - they use a Text Field to show a date - in the popup button. I want to show a range.

inputdate::R{Date} = today()

[essenciary]

It's possible to show a range:
https://v1.quasar.dev/vue-components/date#example--single-range

But it's not very easy to integrate from Julia. See here I opted for 2 inputs instead: https://pkgs.genieframework.com

[cwiese]

I am using DateRange (single) .. and the date is in the model (start and stop)

 model.daterange.start = 2022-06-17

when I access the "nested" model property to display in textfield is when I see blank

 textfield("t2", Symbol("daterange.start"), "", placeholder = "no output yet ...", label = "DataRange", :outlined, :filled, type = "textfield")

[cwiese]

maybe I will switch to 2 dates

[wildart]

The date isn't showing because render function for DateRange renames fields to from & to:
https://github.com/GenieFramework/StippleUI.jl/blob/231c7aca8cd8e03288f483477271b815c10186ec/src/DatePickers.jl#L135-L137

When you define field name as Symbol("daterange.from") in textfield call, the date is showed correctly.

[cwiese]

Thank you Art - I need to dig more.

[AbhimanyuAryan]

Thanks, Art. @cwiese did it work for you?

[wildart]

Why are the names different? It's confusing.

[AbhimanyuAryan]

@wildart will discuss this with @essenciary @hhaensel and if there's no specific reason for different names. We can use start stop

[hhaensel]

I would also tend to use the same names

[essenciary]

While it's good to keep the same names in principle, I'm not sure here:
1/ Quasar does not always make the best naming decisions, and this is one example
2/ Stipple abstracts away and improves the Quasar API (where possible) making the API "julian" - many names don't translate well to Julia
3/ Why do we even need to know how props are called in Quasar? This should be a standalone element with its own docs.