Chronograf dashboard template variables do not accept v records

Steps to reproduce:
1. Run chronograf with docker from latest image `docker run -p 8888:8888 -d --name chronograf --rm chronograf`
2. Create influxdb connection
3. Create new dashboard
4. Create template variable with v record
```
from(bucket: )
|> range(start: v.timeRangeStart, stop: v.timeRangeStop)
|> keep(columns: ["_value"])
```

Expected behavior:
Expect template variable to be created in the dashboard.

Actual behavior:
I get error `flux query failed to execute` and in the console I can see `undefined identifier v`

Environment info:
* Chronograf version: 1.9.4
* OS Version: Mac OS Monterey 12.4
* Docker version: 20.10.16
* InfluxDB Version: 2.1.1 Server: 657e183 Frontend: cc65325
* Browser: Firefox developer edition 103.0b3 (64-bit)

Config:
No non-default config values used.

Reproduce the issue using the Docker command and the dashboard template-variable steps described in the report. Start by tracing the dashboard template-variable query flow and verify that a query using v.timeRangeStart and v.timeRangeStop can create the variable without the undefined identifier v error.

Written by the indexing model from the issue text.