Add prop to customise to Text style of timestamps

[gianpaj]

Example:

<GiftedChat
  messages={this.state.messages}
  onSend={this.onSend}
  renderCustomView={CustomView}
  keyboardShouldPersistTaps="never"
  user={{ _id: 1 }}
  renderBubble={props => {
    return (
      <Bubble
        {...props}
        timeTextStyle={{
          right: { color: 'red' }
        }}
      />
    );
  }}
  parsePatterns={this.parsePatterns}
/>

Related to #672

[dengue8830]

why this is not merged?

[codecov]

Codecov Report

Merging #942 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master     #942   +/-   ##
=======================================
  Coverage   42.97%   42.97%           
=======================================
  Files          20       20           
  Lines         498      498           
  Branches      108      108           
=======================================
  Hits          214      214           
  Misses        214      214           
  Partials       70       70

Impacted Files	Coverage Δ
src/Time.js	100% <ø> (ø)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 052094d...8ffd021. Read the comment docs.

[gianpaj]

I've fixed the linting and test snapshot issues. CI checks have passed :)

[xcarpentier]

thanks 👍

[supunmadhuranga]

how to change left bubble timestamp position?

[gianpaj]

@supunmadhuranga
right with left are just keys to the prop object:

<GiftedChat
  messages={this.state.messages}
  onSend={this.onSend}
  renderCustomView={CustomView}
  keyboardShouldPersistTaps="never"
  user={{ _id: 1 }}
  renderBubble={props => {
    return (
      <Bubble
        {...props}
        timeTextStyle={{
          right: { color: 'red' },
          left: { color: 'blue' }
        }}
      />
    );
  }}
  parsePatterns={this.parsePatterns}
/>

[skizzo]

So about @supunmadhuranga 's question, how can you change the position of the time so that a bubble on the left side shows the time its right edge, and not the left edge? There's absolutely nothing in the docs about this, so thanks for any hints!