Changed initializer to the customevent on domcontentloaded

`~=` matches space separated lists, so `[data-o-component~="o-date"]` will match `data-o-component="o-date o-otherthing"`