In this video you will learn how to create simple, but full-featured calendar component for your projects! Formulas used included below:
New to Composer? Sign up for free [ Ссылка ]
"calendar_days" page variable 1:28
MAP(GENERATE_RANGE(1, DATETIME_DIFFERENCE(ADD_DURATION(pageVars.current_date, 1, "months"), pageVars.current_date, "days")),{id: item})
past days styling 5:06
MOD(FLOOR(DATETIME_DIFFERENCE(SET_DATETIME_COMPONENT(pageVars.current_date, 1, "date"), "2020-01-06T00:00:00Z", "days", true)), 7)*14+"%"
bold current date 6:39
IF(DATETIME_IS_SAME(SET_DATETIME_COMPONENT(pageVars.current_date, current.id,"date"),NOW(),"day"),"700","400")
text color 7:40
IF(DATETIME_IS_SAME(pageVars.selected_date, SET_DATETIME_COMPONENT(pageVars.current_date, current.id, "date"),"day"),theme.$colorInformativeShade, IF(DATETIME_IS_BEFORE(SET_DATETIME_COMPONENT(pageVars.current_date, current.id,"date"),NOW(),"day"),theme.$colorFontSubdued,theme.$colorFontPrimary))
border visibility 13:13
IF(DATETIME_IS_SAME(pageVars.selected_date, SET_DATETIME_COMPONENT(pageVars.current_date, current.id, "date"),"day"),theme.$colorInformativeShade,theme.$colorBackground)
