Getting battery life and the date on clock face in Fitbit studio for Versa 2

[track03]

I am making my own watch face on fitbit studio for my versa 2  and I have a background I want and it is on it and I also have the time where I want it but I am trying to put the battery life indicator on it and the date on it. I am not exacly shore how to do this. I am new at this and am not familiar with coding language. 

Can anyone help? 

Moderator edit: updated  subject for clarity. 

[track03]

it also says this in the consol tab.

[8:11:15 AM]Error 22 Invalid enum value 'top'

[8:11:15 AM]Error 60 Invalid path '/mnt/sysassets/system_widget.defs'

[8:11:15 AM]Error 22 Invalid value ''

[8:11:15 AM]Error 22 Unknown element 'html'

[8:11:15 AM]Error 22 Illegal top-level element

[8:11:15 AM]Error 22 Unknown element 'body'

[8:11:15 AM]Error 22 Illegal top-level element

[Guy_]

@track03 - you got errors in your definitions, the index.gui is a different format than CSS.

Be careful not to mix Versa 3 files and Versa 2 files, they have different endings, depending on which SDK level you use. 4.3 for Versa 2 , defined in package.json

[track03]

thank you, that worked.

sorry that it took so long.

[Guy_]

@track03  - brilliant, thanks - I hope you have lots fun with it.