[Vuejs]-How to stop calculation on Vue Component Props in laravel?

The correct form of passing data to Vue Component is:

<my-component sdate="{{$sdate}}" edate="{{$edate}}"></my-component>

No need to Collon(:) before prop names.
source: https://stackoverflow.com/a/51397411/4031505