Date range values of urltemplate throws rison error

Hi

trying to use urltemplate variables for date range but getting rison decode error, am I doing it right ?

This is the error
rison decoder error: missing ':'

version Kibana 7.10.0 - oss

This is the url

app/dashboards#/view/**?_g=(filters:!(),refreshInterval:(pause:!t,value:0),time:(from:{{context.panel.timeRange.from}},to:{{context.panel.timeRange.to}}))&_a=(description:'Payroll%20Category%20Breakdown',filters:{{rison context.panel.filters}},fullScreenMode:!f,options:(hidePanelTitles:!f,useMargins:!t),query:(language:kuery,query:'Element%20Category:%20{{value}}'),timeRestore:!f,title:'Payroll%20Category%20Breakdown',viewMode:view)

The part which throws error is
time:(from:{{context.panel.timeRange.from}},to:{{context.panel.timeRange.to}}))

I tried
time:(from:{ {date context.panel.timeRange.from}},to:{{ date context.panel.timeRange.to}}))

time:(** from:{{context.panel.timeRange.from}},to:{{context.panel.timeRange.to}} **))
nothing works
Please help